幾款HTML5動(dòng)畫應(yīng)用分享

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