HTML5正在快速的進(jìn)入WEB世界，它在給瀏覽器各種壓力的同時，也帶給了我們很多之前意想不到的網(wǎng)頁效果，如果我們在網(wǎng)頁上能適當(dāng)?shù)氖褂靡恍?HTML5元素，可能會給網(wǎng)站帶來不一樣的用戶體驗(yàn)。但是，對于HTML5，現(xiàn)在的瀏覽器還有很多地方需要改進(jìn)，比如渲染速度和3D的支持。下面推薦幾款非常迷人的HTML5動畫特效供大家欣賞和學(xué)習(xí)。

1、HTML5鼠標(biāo)滑過圖片特效

這個HTML5動畫特效可以用在相冊中，讓用戶鼠標(biāo)滑過后預(yù)覽相片，效果很不錯。

在線演示 / 源碼下載

2、基于HTML5 Webkit的落葉動畫

這是基于Webkit內(nèi)核的落葉動畫，非常的酷。

在線演示 / 源碼下載

3、純CSS3實(shí)現(xiàn)的書本翻頁效果

很好的書本翻頁特效，用純CSS3實(shí)現(xiàn)的。

在線演示 / 源碼下載

4、純CSS3實(shí)現(xiàn)的拍皮球動畫

很真實(shí)的小球落地動畫，像是一個小孩在拍皮球。

在線演示 / 源碼下載

5、Colorfull Clock

一個很友愛的環(huán)形時鐘。

在線演示 / 源碼下載

6、CSS3 3D動畫柱形圖

非常漂亮的3D柱形圖，是使用CSS3實(shí)現(xiàn)的，用來展示產(chǎn)品很合適。

在線演示 / 源碼下載

以上是6款令人驚嘆的HTML5動畫特效，歡迎大家收藏。

原文鏈接：http://www.oschina.net/news/34771/html5-animation-effects