本文將一起來總結(jié)一下最近分享收藏的HTML5動畫應(yīng)用，其中有些利用了jQuery和CSS3技術(shù)，內(nèi)容涵蓋焦點(diǎn)圖、菜單導(dǎo)航、純CSS3動畫、文字特效、CSS3進(jìn)度條等，希望對大家有所幫助。
　　1、超炫酷的CSS3進(jìn)度條動畫 背景色漸變
　　這次要給大家分享的是一款效果很酷的CSS3進(jìn)度條動畫應(yīng)用，之前也有介紹過不少jQuery/CSS3/HTML5的進(jìn)度條插件，比如HTML5 Canvas彩色像素進(jìn)度條動畫、jQuery動畫進(jìn)度條 實(shí)時(shí)顯示進(jìn)度百分比等。今天介紹的這款CSS3進(jìn)度條的背景色是漸變的，非常具有立體的視覺效果，并且進(jìn)度在滾動時(shí)可以實(shí)時(shí)顯示當(dāng)前進(jìn)度百分比。
　　
　　在線演示源碼下載
　　2、超酷的jQuery跟隨鼠標(biāo)氣泡動畫
　　這次我們要給大家介紹一個(gè)超酷的jQuery動畫特效，當(dāng)你移動或者點(diǎn)擊鼠標(biāo)時(shí)，鼠標(biāo)周圍即會出現(xiàn)許多大小不一的氣泡，并且這些氣泡跟隨鼠標(biāo)一起滑動，氣泡模擬非常真實(shí)，一段時(shí)間內(nèi)氣泡就會逐漸破滅。另外，你也可以通過鼠標(biāo)右鍵來控制背景圖案以及選擇是否開啟氣泡動畫。
　　
　　在線演示源碼下載
　　3、純CSS3浮雕質(zhì)感的立體文字旋轉(zhuǎn)動畫
　　還記得之前分享過一個(gè)CSS3 3D鏤空文字特效，這個(gè)效果讓文字有一種立體的視覺效果。今天要分享的這款CSS3文字動畫特效更加炫酷，它不僅有立體的3D效果，而且文字整體展現(xiàn)出一種浮雕質(zhì)感的視覺效果，并且伴隨著旋轉(zhuǎn)。
　　
　　在線演示源碼下載