10 款很酷的 HTML5 動畫應用
10 款很酷的 HTML5 動畫和實用應用，這里有菜單、SVG 動畫、Loading 動畫，總有你喜歡的，而且，每一款 HTML5 應用都提供源代碼下載，方便大家學習和研究，一起來看看吧。
1、HTML5 SVG 樹枝分叉動畫特效
今天我們來分享一款基于 HTML5 和 SVG 的動畫效果，它是一個可以自動分叉的樹，動畫將以二叉樹的形式展開。這三顆 SVG 樹先是用 svg 的g畫筆來定義這些樹枝，然后利用 javascript 來實現動態改變g從而實現樹枝的分叉展開動畫。
2、HTML5/CSS3 3D 下拉折疊菜單
之前我們介紹過很多 CSS3 菜單了，效果都十分華麗炫酷，但是這些 CSS3 菜單基本都是二維平面菜單，今天要分享的這款 HTML5/CSS3 菜單卻是 3D 的效果。菜單展現時出現折疊下拉的動畫特效，菜單也可以收起，鼠標滑過菜單項的效果也很不錯。
3、HTML5/CSS3 扇形進度條動畫，可漸變顏色
今天我們要來分享一款很特別的 CSS3 進度條動畫，它是一個半個圓的扇形，同時，隨著進度的增加，進度條的背景顏色會逐漸變化，最后完成的時候變成綠色，效果非常不錯。
4、HTML5 Canvas 煙花特效，場景十分華麗
對于 HTML5 技術來說，Canvas 應用非常廣泛，基本上所有 HTML5 動畫特效都會用到 Canvas 特性。今天我們要分享一款基于 HTML5 Canvas 實現的煙花特效，我們只需在黑色的畫布上點擊鼠標，即會有漂亮的煙花綻放在夜空當中。
5、CSS3 Loading 加載動畫，小球循環轉圈
今天我們要來看一款非常動感的 CSS3 Loading 加載動畫特效，它和其他的 Loading 動畫不一樣，它并沒有十分規則的圓圈動畫，而是不規則的轉圈，有 5 個小球互相撞擊轉圈來實現這款 Loading 動畫特效。
6、jQuery 模擬鍵盤事件，可對應鍵盤每一個鍵
這是一款基于 jQuery 的模擬鍵盤事件的應用，鍵盤上除了功能鍵，其他鍵都可以用這款插件來模擬。當你敲擊鍵盤上的鍵時，這款應用會幫助你獲取到這個鍵的事件，并在頁面上的模擬鍵盤中以動畫的形式展現出來，相當實用。
7、HTML5 3D 彈簧線圈動畫特效
這是一款基于 HTML5 的 3D 動畫特效，它是一個線圈彈簧，并且可以像波浪一樣運動，就像真實的彈簧一樣，每一圈的彈簧都會跟隨上一圈的運動而運動，非常逼真。
8、CSS3 3D 蘋果筆記本動畫
這又是一款超酷的 CSS3 3D 動畫效果，它是一款帶有 3D 視覺效果，并且可以 360 度旋轉的 macbook air。這款 CSS3 3D 動畫的筆記本底部有一個逼真的投影，可以跟隨圖片一起轉動，從而凸顯其 3D 效果，是一款很不錯的 CSS3 3D 動畫特效。
9、CSS3 3D 立方體動畫，表面顏色可漸變
這是一款很酷的 CSS3 3D 立方體動畫，和之前分享的立方體動畫不同的是，這款 CSS3 立方體動畫的幾個表面的背景顏色都有漸變的動畫效果，伴隨著立方體的旋轉，這款 CSS3 3D 動畫顯得更加炫酷迷人，效果非常不錯。
10、jQuery/CSS3 相冊瀏覽插件，相冊圖片濾鏡效果
這是一款基于 jQuery 和 CSS3 的超酷相冊瀏覽插件，當我們滑過相冊圖片的縮略圖時，圖片即會產生濾鏡效果，由灰色編程彩色，同時圖片周圍產生不錯的陰影效果。點擊縮略圖時，我們將開始 瀏覽相冊的原始圖片，我們點擊右上角的關閉按鈕即可回到相冊縮略圖模式。
