CSS3 是對 CSS 規范的一個很大的改善和增強，它使得 Web 開發人員可以很容易的在網站中加入時尚的效果。以前很多需要編寫復雜的 JavaScript 代碼才能實現的效果，如今只需要簡單的寫幾句 CSS3 代碼就能實現。今天這篇文章就向大家分享14個讓人驚嘆的 CSS3 特性應用演示，讓大家感受一下 CSS3 的魅力。

　　正在發展中的 CSS3 是對 CSS 規范的一個很大的改善和增強，它使得 Web 開發人員可以很容易的在網站中加入時尚的效果。以前很多需要編寫復雜的 JavaScript 代碼才能實現的效果，如今只需要簡單的寫幾句 CSS3 代碼就能實現。今天這篇文章就向大家分享14個讓人驚嘆的 CSS3 特性應用演示，讓大家感受一下 CSS3 的魅力。

您可能還喜歡

 

Monster

使用 CSS3 繪制的奇怪生物，移動你的鼠標看看會有什么效果？小心被吃了啊！

 

Tilt Shift

CSS3 實現的文本立體效果和旋轉效果，點擊文字進入編輯狀態，可以輸入文字。

 

Leica

這是一張相機圖片？No！這是純 CSS3 繪制的萊卡相機，未使用任何圖片。

 

Responsive Illustration

使用 CSS3 Media Query 特性實現的響應式設計（Responsive Design）的示例。

 

Portals

純 CSS3 實現的時光隧道效果，讓人不敢相信使用 CSS 代碼就能寫出這樣的效果。

 

Bowie

惟妙惟肖的眨眼效果，非常的生動！

 

Focus

內容焦點效果，鼠標懸浮的地方內容自動聚焦。

 

Rain

這個演示模擬的是雨滴下落的效果，鼠標懸浮后移開，字符就會下落。

 

Carve Me

文本內陰影效果，可以模擬出雕刻的效果，使用 CSS3 text-shadow 特性實現。

 

Bokeh

使用 CSS3 漸變特新實現的類似攝影中的散景（Bokeh）效果。

 

Flashlight

使用 CSS3 特性模擬的非常特別的光照效果。

 

Icons

會動的圖標，鼠標懸浮即可看到效果。

 

Solar System

使用 CSS3 特性模擬的太陽系（Solar System）。

 

3D Domo

使用 CSS3 繪制的立體人物，他的名字叫 DOMO。

 

您可能還喜歡

 

• 35個讓人驚訝的 CSS3 動畫效果演示
• 24個很酷的 CSS3 文本效果示例及教程
• 14款非常棒的 CSS 網格系統生成工具
• 35款精致的 CSS3 和 HTML5 網頁模板
• 使用CSS3可以實現的五種很酷很炫的效果

 

文本鏈接：Web技術前沿：那些讓人驚嘆的CSS3特性應用演示

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源