2012年排名前20位的CSS網站作品_網頁設計教程

推薦：響應式的炫彩2013中國節日大全桌面及其移動設備日歷
2013年開始了，為了方便大家更加直觀的查詢全年的節日，我們提供一個響應式的國內假日查詢日歷，包含了國家法定節日及其其它重要節日，能夠很完美的支持桌面和移動設備，擁

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

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

分享：5款超棒的幫助你測試響應式設計的書簽應用
2013年注定了響應式設計流行，它是網站設計的新的方向，從去年開始越來越多的網站開始使用響應式的設計理念，它能夠幫助你開發一套界面并且能運行在所有不同分辨率的設備上