Smashing Magazine 為了激發 Web 設計者對 CSS3 的興趣，上月組織了一次 CSS3 設計賽，最終有 5 位設計師獲獎，獲獎作品體現了 CSS3 技巧的原創性與獨特性，同時展示了 CSS3 的強大的功能，這些作品基于純 CSS3 技術，并不借助 JavaScript 或其它技術。

第一名: CSS3 圖表

CSS3 Charts [ 預覽 | 下載 ]

該設計試驗了 CSS3 在圖表方面的應用，不借助任何 JavaScript 和圖片。用到了 CSS3 強大的選擇器功能：nth-child 和 :target，同時用到了過渡，漸變等技術，由來自美國的 Sean Oh 設計。

第二名: CSS3 魔方

CSS3 Rubiks Cube [ 預覽 | 下載 ]

使用魔方實現導航，雖然在具體應用中體驗未必好，但作為一種創意，可以用在作品展示類站點。用到了 CSS3 的過渡和漸變技巧。由來自意大利的 Francesco Benanti 與 Maicol Zenatti 聯合設計。

第三名: CSS3 3D

CSS3D [ 預覽 | 下載 ]

如果你有 3D 眼鏡，可以看看這個 3D 效果，支持任意現代瀏覽器，甚至 iPhone，由來自荷蘭的 simurai 設計。

第四名: CSS3 機器人

CSS3 Monsters Blob [ 預覽 | 下載 ]

使用純 CSS3 設計的機器人，隨著鼠標的移動，機器人的眼鏡也在轉動，由來自法國的 Sebastien Plaignaud 設計。

第五名: CSS3: 時間的裂縫

CSS3 A Rift in Time [ 預覽 | 下載 ]

CSS3 支持旋轉，我們可以借以試驗反傳統的傾斜導航，由來自美國的 Maxwell Burton 設計。

本文國際來源：Smashing Magazine CSS3 Design Contest Results

中文翻譯來源：銳商企業CMS 網站內容管理系統 官方網站