8款精美的HTML5圖片動畫分享
HTML5結合jQuery可以讓網頁圖片變得更加絢麗多彩，比如實現一些圖片3D切換、CSS3動畫繪制以及各種圖片效果的渲染。本文將分享8款精美的HTML5圖片動畫，希望你能喜歡。
1、jQuery/CSS3 3D焦點圖動畫
之前我們已經向大家分享過很多基于jQuery和CSS3的3D焦點圖動畫插件，今天要分享的這款jQuery 3D焦點圖動畫也非常不錯，有好幾種炫酷的3D圖片切換動畫，可以為你的焦點圖播放器增添不少光彩。
2、HTML5/CSS3圖片網格動畫特效
HTML5技術可以讓網頁上的圖片變得非常神奇，各種各樣的HTML5圖片動畫特效讓你眼花繚亂。今天要分享的這款HTML5圖片網格動畫特效就非常炫酷。圖片縮略圖按網格的布局一行行排列，你只需點擊按鈕即可讓這些圖片出現不可思議的動畫效果，值得一看。
3、HTML5 WebGL水面水波蕩漾特效
之前已經向各位分享過一款很逼真的HTML5水波蕩漾特效，效果還算不錯。今天再向大家分享一款更加給力的HTML5水波動畫，畫面上是一個大水池，水池底部是一顆大石頭，在水面上點擊即可泛起水波，加上模擬光的照射，水波比上一款特效更加生動逼真。另外你也可以拖動石頭讓其在池底滾動，也可以拖動畫面多視角觀看該HTML5水波動畫。
4、jQuery圖片列表拖拽排序布局插件
本文要介紹的是一款基于jQuery的圖片列表拖拽排序布局插件，我們可以拖拽圖片，將圖片插入到其他任意圖片的前面或者后面，實現圖片重新布局的功能，這個功能可以讓用戶自定義桌面布局，也是jQuery拖拽插件的一個經典案例。
5、SVG HTML5可愛的小鳥卡通動畫
今天我們再來分享一款用HTML5和SVG相結合的動畫特效，它是一只非常可愛的卡通小鳥，非常不錯的是，這只HTML5小鳥不僅外觀呈現3D立體，而且還會拍動翅膀和在空中浮動，真實妙極了。之前我們也用CSS3來制作過很多動物特效，非常不錯。
6、HTML5 3D 卡片視頻播放器 超立體視覺
這是一款基于HTML5的視頻播放器，不過你一眼看上去，它并不像一款播放器，而是一張張3D立體的卡片，沒有播放按鈕，沒有音量設置。不過它的特色就是把HTML5視頻播放器嵌入到卡片里面，然后這些卡片可以和用戶互動，并產生HTML5 3D的效果，非常不錯的創意。點擊卡片即可播放視頻。
7、jQuery輪播切換組件 可播放多張圖片
這是一款基于jQuery的圖片輪播組件，在這個組件中，你可以任意指定8張圖片，然后插件就會幫你自動生成縮略圖，并且自動開始切換播放圖片。當 然，你也可以手動切換圖片，只要點擊縮略圖即可，這款jQuery輪播切換組件配置比較方便，唯一的不足就是只能指定8張圖片，靈活性不強。
8、jQuery產品圖片滑動展示動畫
我們在電子商務網站上需要展示圖片的時候，需要用到jQuery的產品圖片展示插件會比較方便，今天分享的這款jQuery圖片滑動展示動畫就很好的解決了產品圖片展示的效果。利用該插件，我們可以產品圖片分組，然后每一組即可切換顯示。
以上就是8款精美的HTML5圖片動畫，歡迎收藏分享。
原文鏈接：http://www.html5tricks.com/8-pretty-html5-image-animation.html