8個非常神奇的HTML5動畫和應用
今天我們繼續來為大家分享一些效果相當不錯的HTML5動畫和實用的HTML5應用，如果你對HTML5技術和jQuery等相關前端技術感興趣，歡迎繼續關注我們后續推薦的文章。本文介紹的8個非常神奇的HTML5動畫和應用，希望你會喜歡。
1、CSS3圖片懸停放大特效
今天我們要來分享一款很酷的CSS3圖片特效，這款圖片特效可以利用鼠標滑過圖片使其懸停放大，并使圖片的周圍出現發光的效果。配合黑色的背景，這款CSS3圖片懸停放大效果顯得更加立體大氣，非常適合產品圖片的展示。
2、HTML5 SVG 3D蝴蝶飛舞動畫
這次我們要分享的這款HTML5動畫簡直就是逆天，利用SVG制作的3D蝴蝶飛舞動畫，蝴蝶飛舞動畫非常逼真，蝴蝶飛舞的路線是利用SVG構造的。另外，動畫使用了一張立體感很強的天空背景圖，讓蝴蝶飛舞時更加顯得立體逼真。
3、HTML5 Canvas波浪動畫
還記得之前我們分享的超酷的HTML5 Canvas波浪墻嗎，是的，只要你的瀏覽器支持HTML5 WebGL，就可以觀看強大的HTML5波浪效果。今天我們要分享的這款波浪動畫也是基于HTML5 Canvas的，特點是可以控制滑桿來調節波浪的高度。
4、jQuery滑過頭像圖片展示個人信息效果
這是一款經典的jQuery圖片插件，同時，也可以是一款jQuery提示框插件。這款jQuery插件的功能是當你把鼠標滑過頭像圖片縮略圖時，即可彈出頭像對應用戶的詳細個人信息，彈出的標簽雖然不大，但是還是能容納很多個人信息的。
5、HTML5 3D圖片陰影翻轉動畫
今天我們要分享一款很酷的HTML5 3D動畫特效，這款3D特效可以為你的圖片增加陰影的效果，而且可以讓圖片在鼠標滑過的時候出現3D翻轉的動畫效果。這和之前分享的HTML5 3D動畫HTML5 3D正方體旋轉動畫有著類似的效果，大家也可以看看。
6、CSS3/jQuery簡易焦點圖
之前我們分享過很多非常不錯的CSS3焦點圖插件，我們印象最深刻的要算這款HTML5/jQuery 3D焦點圖插件。今天要再來分享一款簡易的CSS3焦點圖應用，這款焦點圖應用的圖片切換方式非常豐富，而且焦點圖的切換按鈕比較小，圖片篇幅占據比較大，因此總體比較大氣。
7、jQuery實現3D圖片翻牌切換
今天我們要來分享一款利用jQuery實現的3D圖片翻牌切換效果，當你點擊上一張下一張按鈕或者滾動滾輪的時候圖片就能夠以淡入淡出的方式切換，類似翻牌的效果，非常酷。另外我們再推薦一款很棒的jQuery焦點圖插件：HTML5/jQuery 3D焦點圖插件 多種超酷切換動畫。
8、HTML5圖片切換焦點圖應用 3D投影效果
利用HTML5和CSS3技術制作一個圖片焦點圖特效非常簡單，但是如果我們要讓這款焦點圖足夠的精致，那就要花上比較大的力氣。今天要分享的這款 HTML5 3D焦點圖切換應用就非常酷，圖片下方有一道投影，使得焦點圖有立體的視覺效果。另外，圖片切換的方式也有多種，每種切換方式都有不同的3D立體效果。
以上就是8個非常神奇的HTML5動畫和應用，歡迎收藏分享。
轉載請注明原文鏈接：http://www.html5tricks.com/8-html5-animation-and-app-2.html