炫酷實用的10個HTML5動畫應用
本文將一起來總結一下最近分享收藏的HTML5動畫應用，其中有些利用了jQuery和CSS3技術，內容涵蓋焦點圖、菜單導航、純CSS3動畫、文字特效、CSS3進度條等，希望對大家有所幫助。
1、超炫酷的CSS3進度條動畫 背景色漸變
這次要給大家分享的是一款效果很酷的CSS3進度條動畫應用，之前也有介紹過不少jQuery/CSS3/HTML5的進度條插件，比如HTML5 Canvas彩色像素進度條動畫、jQuery動畫進度條 實時顯示進度百分比等。今天介紹的這款CSS3進度條的背景色是漸變的，非常具有立體的視覺效果，并且進度在滾動時可以實時顯示當前進度百分比。
2、超酷的jQuery跟隨鼠標氣泡動畫
這次我們要給大家介紹一個超酷的jQuery動畫特效，當你移動或者點擊鼠標時，鼠標周圍即會出現許多大小不一的氣泡，并且這些氣泡跟隨鼠標一起滑動，氣泡模擬非常真實，一段時間內氣泡就會逐漸破滅。另外，你也可以通過鼠標右鍵來控制背景圖案以及選擇是否開啟氣泡動畫。
3、純CSS3浮雕質感的立體文字旋轉動畫
還記得之前分享過一個CSS3 3D鏤空文字特效，這個效果讓文字有一種立體的視覺效果。今天要分享的這款CSS3文字動畫特效更加炫酷，它不僅有立體的3D效果，而且文字整體展現出一種浮雕質感的視覺效果，并且伴隨著旋轉。
4、質感炫酷的HTML5音樂播放器
之前我們分享過很多HTML5播放器了，有興趣的朋友可以點開鏈接看看。今天我們要繼續為大家介紹一款HTML5音樂播放器，這款播放器的背景是黑色質感狀的，看起來非常炫酷。同時這款黑色的HTML5音樂播放器具備了最基本的音樂播放器功能。
5、CSS3鼠標滑過放大突出效果
還記得之前分享過一款CSS3圖片懸停放大特效，效果非常不錯。今天我們要再來分享一款類似的CSS鼠標滑過放大突出效果，只不過之前那個是圖片，這次是色塊，其實掌握了其CSS原理，任何網頁元素都可以實現這種突出放大的CSS3動畫特效。
6、HTML5 Canvas瀑布動畫 超逼真
這次我們來分享一款很酷的HTML5 Canvas瀑布動畫，瀑布動畫非常逼真。整個瀑布動畫像是從石頭縫里流出來的溪水，然后沿著懸崖飛落下來，效果非常不錯。
7、CSS3音量調節旋轉按鈕
之前我們分享過很多可以調節音量的HTML5視頻播放器，大部分音量調節按鈕都比較普通，沒有什么特色。今天要分享一款基于CSS3的音量調節旋轉按鈕，只要按住鼠標即可旋轉按鈕來調節音量。這是一款很有特色旋轉按鈕。
8、jQuery橫向手風琴圖片展示動畫
關于手風琴樣式的動畫插件，我們在前面已經介紹過不少了，包括手風琴菜單，比如CSS3垂直手風琴折疊菜單，另外也有不少手風琴樣式的圖片切換插件。今天要給大家帶來一款基于jQuery的橫向手風琴圖片展示動畫，鼠標滑過即可展開圖片，每一項都可以在底部設置菜單。
9、jQuery中國地圖插件 鼠標懸停顯示省份介紹
之前我們介紹過一款jQuery地圖插件，大家可以看看jQuery矢量SVG地圖插件JVectorMap，效果相當酷。今天要來介紹一款相對更實用些的jQuery中國地圖插件，在該實例中，整張中國地圖都按各個省份切割，鼠標滑過相應的省份時，即可彈出對應省份的具體介紹。
10、HTML5 Canvas折線圖表和柱形圖表
之前我們已經分享過很多HTML5圖表應用了，包括折線圖、柱形圖、餅圖等，使用起來用戶體驗都很不錯。今天要分享的一款HTML5 Canvas圖表應用提供了折線圖和柱形圖兩種，這款HTML5圖表在初始化數據的時候有一種漸現的動畫特效，我們可以將這款圖表應用在統計頁面上。
以上就是最近收集的一些HTML5應用，希望大家會喜歡，歡迎分享給你的朋友。
轉載請注明原文鏈接：http://www.html5tricks.com/10-html5-animation-apps.html