CSS網站作品資源分享:2012年做得不錯的20個CSS網站

文章簡介：2012年排名前20位的CSS網站作品.

2012年湧現出眾多獨特的，令人印象深刻的 CSS 網站作品，要從中挑選出年度應用 CSS 的最佳網站列表一個嚴峻的挑戰，因為 CSS 涵蓋了媒體查詢（CSS3 Media Queries）、CSS 動畫和3D轉換等眾多特性。我根據過去 CSS 典型的應用情境挑選了其中的優秀作品組成一個列表，如果你有收藏更好的作品，歡迎留言向大家分享。

1. Beercamp

這個啤酒節的即時網頁充分應用了 3D CSS Transform 技術，充滿立體感的旋轉和摺疊效果。

2. Spelltower

Spelltower 不僅是一個令人上癮的遊戲，它也有一個網站，充滿樂趣和個性。

使用的俏皮動畫和過渡效果，讓你想抓住一個 iPhone 並啟動遊戲。

3. Envy Labs

Envy Labs 的其中一個標語是“我們創造的樂趣”。採用CSS3 Transform 和 Transition 呈現一個很有趣的旋轉木馬！

4. Fine Goods

這個可愛的網站組合使用各種 CSS 屬性實現個性的設計。價格標籤會旋轉變換和動畫，抽屜形式的導航個性十足，甚至會讓你大吃一驚。

5. Mammoth Booth

微妙的動畫，外加一些打孔的插圖，轉換和邊框陰影讓圖片帶給人們真實照片的感覺。

6. Postable

由 Kevin Kneifel 開發的 Web 應用程式，充滿特色。聰明的懸停和過渡相結合，有趣插圖讓網站能夠吸引使用者

7. Lift Interactive

這個網站在互動方面做了非常了不起的工作，保持良好的設計和使用各種效果兼顧得很好。

我最喜歡的是書本上的3D轉換效果，滑鼠移至上方的時候增添了一絲的驚喜。

8. Impress a Penguin

很可愛的企鵝，創新的設計帶給使用者良好的故事閱讀體驗。

9. Microsoft

Paravel 為微軟設計了一個全新的首頁，這個網站最大的特色在於響應式設計。

10. Stuff & Nonsense

這個太搞了，極具創意的響應式設計！縮小瀏覽器視窗瀏覽試試，有驚喜哦！

[1] [2]  下一頁