現(xiàn)在大多數(shù)瀏覽器支持CSS 3 技術(shù)，因此許多大膽且富有創(chuàng)意的設(shè)計師開始學(xué)習(xí)運用它，有一大票童鞋已經(jīng)在CSS 3 的路上高歌猛進，以下就是它們的作品，每一個都酷炫難擋，根本停不下來！

酷炫合集：

《超贊！HTML5游戲前端開發(fā)秘籍（附頁面神器）》
《想讓網(wǎng)頁更酷炫！不要錯過這30款免費JQUERY插件合集》

Quechua

有些網(wǎng)站就是喜歡帶點動感，這個Quechua就是使用了視屏背景，視覺效果很好。

LanderApp

4N

4N高檔手表網(wǎng)站設(shè)計，不僅技術(shù)厲害，設(shè)計師的繪畫也令人驚嘆啊，制作這樣一個網(wǎng)站成本一定很高了。

CanalSat Series

Forbi studio

Forbi工作室的網(wǎng)站設(shè)計，頁面上的整體排版不錯。

Sonnybono

BORN TRENDY. 一個現(xiàn)代時尚的網(wǎng)站。想制作時髦些，可以參考這個設(shè)計。

A grid system for humans

Magnus Backstedt

Torre 1961

其實網(wǎng)站首頁不一定要展示很多東西，就像torre一樣，一張產(chǎn)品圖都能有另一番韻味。

Piotr Swierkowski Portfolio

furnitures and design

一個家居設(shè)計網(wǎng)站，設(shè)計以干凈簡約為主。

VeloSport

一家自行車產(chǎn)品官網(wǎng)，使用全屏的扁平化風(fēng)格設(shè)計，發(fā)現(xiàn)很多有大圖的網(wǎng)站現(xiàn)在都愛加loading圖像……

BMW ConnectedDrive

在感覺這些強大的技術(shù)同時，你的網(wǎng)速一定要跟得上…… 當(dāng)然如果在國內(nèi)，用BGP線路也不會慢的。

Digital Agency

The Minute Of Silence

Lime Street

波蘭的一家小型的網(wǎng)頁設(shè)計公司網(wǎng)站。

Antico Setificio Fiorentino

一家絲綢廠的網(wǎng)站。

CHRONOS Parallax HTML Template

Sleeping Duck

一個集成購物功能的床墊品牌企業(yè)網(wǎng)站，它的購物體驗非常不錯，大家可以試下，不同于其它購物商城。

BARNYARD

TRUE

國際化內(nèi)容營銷機構(gòu)： TRUE.

Benetti

PFD

Smart Slider 2 – Demo

Music is my style

Clos de la Couronne

Gnarly!

Xbox Gift Card

Initiative Website

Social Soundscape

TheyCallMeBarry

最后

可以看出，使用CSS3技術(shù)的網(wǎng)站是非常有動感的，也是未來網(wǎng)頁設(shè)計的一大趨勢。也許也些動畫很復(fù)雜，但沒關(guān)系，我們可以從簡單的做起，比如漸隱、旋轉(zhuǎn)、左右平移、屏幕滾動后觸發(fā)動畫等等都是很好的辦法。

原文地址：awwwards
譯文地址：shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量69萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：