1、HTML5 Canvas實現會跳舞的時間動畫
這款HTML5動畫非常有意思，首先它的原型是一個時鐘，但是canvas技術的使用，讓這個時鐘沒走動一秒都會產生圓球散落的動畫特效，非常的酷。
2、CSS3 3D摺疊翻轉文字動畫
這個CSS3文字特效也比較有趣，只要滑鼠滑過文字，就會產生3D的摺疊效果。
3、HTML5火球擋板碰撞動畫遊戲
這是一個HTML5小遊戲，利用擋板讓小球在瀏覽器內側不斷反彈，這利用了物理學的反射原理，在這個例子中用HTML5實現了。
4、jQuery/CSS3圖片翻轉特效 可水平垂直翻轉
這是一款基於jQuery和CSS3的圖片翻轉特效，每一張圖片都有文字標題懸浮在圖片上，點選切換按鈕，每一張圖片均會進行水平或者垂直翻轉，翻轉效果非常酷，有3D立體的視覺效果。
5、HTML5 Canvas Google電吉他
這是Google為紀念萊斯·保羅而設計的Google首頁Logo，試試這把電吉他吧，支援鍵盤哦。
6、HTML5街頭霸王遊戲
這款經典的街機遊戲也已經用HTML5實現的，效果非常逼真，你可以根據提示的按鍵進行遊戲體驗。
7、jQuery書本翻頁3D動畫特效
這是一個基於jQuery的3D書本翻頁動畫效果，翻頁效果十分流暢。
8、HTML5/CSS3提示框動畫 帶進度條
這款提示框動畫在出現和消失的時候可以有淡入淡出的動畫特效，並且提示框內建一個進度條，走完進度條時提示框即可消失。
歡迎分享更多的HTML5和jQuery等相關的Web開發資源，希望本文可以對你有所幫助。
本文作者：碼農網 – 小峰
來自：碼農網
相關閱讀
評論(1)