2344浏覽量

2012年排名前10位的CSS網站作品

來源: 時間:2012-12-21

2012年湧現出衆多獨特的,令人印象深刻的 CSS 網站作品,要從中(zhōng)挑選出年度應用 CSS 的最佳網站列表一(yī)個嚴峻的挑戰,因爲 CSS 涵蓋了媒體(tǐ)查詢(CSS3 Media Queries)、CSS 動畫和3D轉換等衆多特性。我(wǒ)根據過去(qù) CSS 典型的應用場景挑選了其中(zhōng)的優秀作品組成一(yī)個列表,如果你有收藏更好的作品,歡迎留言向大(dà)家分(fēn)享。

1. Beercamp

這個啤酒節的活動網站充分(fēn)應用了 3D CSS Transform 技術,充滿立體(tǐ)感的旋轉和折疊效果。

2. Spelltower

Spelltower 不僅是一(yī)個令人上瘾的遊戲,它也有一(yī)個網站,充滿樂趣和個性。

使用的俏皮動畫和過渡效果,讓你想抓住一(yī)個 iPhone 并啓動遊戲。

3. Envy Labs

Envy Labs 的其中(zhōng)一(yī)個标語是“我(wǒ)們創造的樂趣”。采用CSS3 Transform 和 Transition 呈現一(yī)個很有趣的旋轉木馬!

4. Fine Goods

這個可愛的網站組合使用各種 CSS 屬性實現個性的設計。價格标簽會旋轉變換和動畫,抽屜形式的導航個性十足,甚至會讓你大(dà)吃一(yī)驚。

5. Mammoth Booth

微妙的動畫,外(wài)加一(yī)些打孔的插圖,轉換和邊框陰影讓圖片帶給人們真實照片的感覺。

6. Postable

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

7. Lift Interactive

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

我(wǒ)最喜歡的是書(shū)本上的3D轉換效果,鼠标懸停的時候增添了一(yī)絲的驚喜。

8. Impress a Penguin

很可愛的企鵝,創新的設計帶給用戶良好的故事閱讀體(tǐ)驗。

9. Microsoft

Paravel 爲微軟設計了一(yī)個全新的主頁,這個網站最大(dà)的特色在于響應式設計。

10. Stuff & Nonsense

這個太搞了,極具創意的響應式設計!縮小(xiǎo)浏覽器窗口浏覽試試,有驚喜哦!

聯系我(wǒ)們

一(yī)次需求提交或許正是成就一(yī)個出色産品的開(kāi)始。
歡迎填寫表格或發送合作郵件至: qczsky@126.com

大(dà)理青橙科技

電(diàn)話(huà):13988578755 13988578755

郵箱:qczsky@126.com

地址:大(dà)理市下(xià)關龍都春天10層