發(fā)布日期：2017/7/14

百度權(quán)重查詢 站長交易 友情鏈接交換 網(wǎng)站監(jiān)控 服務(wù)器監(jiān)控 seo監(jiān)控

2012年涌現(xiàn)出眾多的，令人印象深刻的 CSS 網(wǎng)站作品，要從中遴選出年度應用 CSS 的好網(wǎng)站列表一個嚴峻的挑戰(zhàn)，因為 CSS 涵蓋了媒體查詢（CSS3 Media Queries）、CSS 動畫和3D轉(zhuǎn)換等眾多特征。我根據(jù)曩昔 CSS 典型的應用場景遴選了其中的優(yōu)異作品組成一個列表，假如你有珍藏更好的作品，迎接留言向大家分享。

1. Beercamp

這個啤酒節(jié)的運動網(wǎng)站充分應用了 3D CSS Transform 技術(shù)，充滿立體感的旋轉(zhuǎn)和折疊效果。

2. Spelltower

Spelltower 不僅是一個令人上癮的游戲，它也有一個網(wǎng)站，充滿樂趣和個性。

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

3. Envy Labs

Envy Labs 的其中一個標語是“我們創(chuàng)造的樂趣”。采用CSS3 Transform 和 Transition 呈現(xiàn)一個很有趣的旋轉(zhuǎn)木馬！

4. Fine Goods

這個可愛的網(wǎng)站組合使用各種 CSS 屬性實現(xiàn)個性的設(shè)計。價格標簽會旋轉(zhuǎn)變換和動畫，抽屜形式的導航個性十足，甚至會讓你大吃一驚。

5. Mammoth Booth

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

6. Postable

由 Kevin Kneifel 開發(fā)的 Web 應用程序，充滿特色。聰明的懸停和過渡相結(jié)合，有趣插圖讓網(wǎng)站能夠吸引用戶

7. Lift Interactive

這個網(wǎng)站在互動方面做了特別很是了不起的工作，保持的設(shè)計和使用各種效果兼顧得很好。

我喜好的是書本上的3D轉(zhuǎn)換效果，鼠標懸停的時候增添了一絲的驚喜。

8. Impress a Penguin

很可愛的企鵝，創(chuàng)新的設(shè)計帶給用戶的故事閱讀體驗。

9. Microsoft

Paravel 為微軟設(shè)計了一個全新的主頁，這個網(wǎng)站特色在于響應式設(shè)計。

10. Stuff & Nonsense

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

1 2 下一頁