在HTML5的世界裏，圖片特效都十分絢麗，咱們在網站上也分享過不少不錯的HTML5圖片特效，如今咱們精選10款效果驚豔的HTML5圖片特效分享給你們。css
一、HTML5 3D正方體旋轉動畫 很酷的3D特效
以前咱們分享過不少很是不錯的HTML5 3D立體動畫特效，尤爲是一些HTML5 Canvas動畫，更是酷得讓人驚歎。今天咱們又要來分享一款好玩的HTML5 3D效果，該特效是一個能夠旋轉播放的正方體，你能夠從多個視角來查看正方體，很是不錯的3D效果。html
二、HTML5結合jQuery實現圖片滑塊特效 絢麗jQuery焦點圖
對於jQuery，咱們在html5tricks上分享的相對比較少，你們能夠去jQuery插件欄目中查看本身須要的jQuery插件。今天咱們要來分享一款很酷的jQuery焦點圖插件，它帶有一個導航菜單，它結合HTML5和CSS3技術，使這個焦點圖特效顯得更加絢麗。jquery
三、HTML5圖片組合歸類效果 圖片分類利器
HTML5對處理一些簡單的動畫很是方便，好比移動、淡入淡出效果等。今天分享的這款HTML5圖片組合歸類特效就應用了HTML5的移動特效，當用戶選擇一個圖片分類時，相關分類的圖片就會移動到這個分類下面，並伴隨着淡入淡出的移動動畫，是一款效果很酷的HTML5圖片處理應用。canvas
四、HTML5 3D旋轉圖片相冊 可鼠標懸停
圖片特效在HTML5應用中十分普遍，咱們也在html5tricks上收集了很多HTML5圖片特效，今天要分享的這款HTML5 3D旋轉圖片相冊又很是絢麗，和以前分享的這款HTML5/CSS3 3D環形圖片牆相似，也是一面立體的圖片牆，圖片不停的切換，鼠標滑過圖片時便可激活圖片查看。dom
五、HTML5像素粉碎圖片動畫 圖片灑落一地
這款HTML5圖片動畫特效你絕對想不到，它將一張圖片粉碎成許多像素顆粒，點擊圖片後，這些像素顆粒邊掉落在地上，繼續點擊，粉碎的像素圖片顆粒又會從新組合成完整的圖片。用HTML5技術實現這種圖片粉碎效果仍是挺簡單的，有興趣的同窗能夠下載源碼來學習。學習
六、HTML5 3D相冊瀏覽 震撼人心
前幾天我剛剛分享過一款HTML5 3D圖片插件HTML5 3D立體圖片旋轉播放展現，確實利用HTML5技術來作各類圖片動畫都很是炫。今天咱們再來看一款HTML5 3D相冊瀏覽應用，圖片能夠手動播放，也能夠自動播放，效果很是震撼，趕忙把這款HTML5 3D相冊分享給你的朋友吧。
七、HTML5相冊照片瀏覽器 可鏈接Flickr照片服務
之前咱們常常會分享一些jQuery相冊瀏覽插件，效果不錯，實用性也很強。不過若是能利用HTML5來實現相冊瀏覽器，那麼相冊瀏覽效果確定會更加炫酷。今天分享的這款HTML5相冊瀏覽器能夠鏈接到Flickr獲取照片，也能夠鏈接到youtube獲取視頻，照片在初始化的時候有波浪般的效果。
八、HTML5/CSS3 3D環形圖片牆 伴隨旋轉動畫
咱們分享過不少HTML5圖片特效，包括HTML5圖片播放、HTML5圖片縮放等效果。今天咱們要分享一款基於HTML5/CSS3的3D環形圖片牆，該HTML5圖片特效是一面3D立體的牆，牆上貼着一些圖片，牆體在不停的旋轉移動。鼠標滑過圖片時，圖片牆即中止轉動，並將選中的圖片放大。
九、HTML5 3D骨牌圖片特效 帶文字描述
今天分享一款很特別的HTML5 3D圖片特效，當鼠標滑過圖片時，平面的圖片即會呈現3D的效果，和這款HTML5 3D圖片摺疊特效相似，也是經過鼠標滑過來展示3D效果。另外，這款HTML5 3D骨牌圖片特效還能夠設置圖片描述信息。
十、HTML5/CSS3原圖對比查看特效 HTML5圖片特效
說到HTML5圖片特效，咱們應該已經分享過不少了，你們能夠到HTML5圖片欄目中查看。今天咱們再來看一款不同的HTML5圖片特效，這款HTML5應用能夠將兩張類似的圖片進行細節上的對比，咱們只需移動鼠標便可以觀察到兩張圖片的不一樣點，很是實用方便。
以上就是10款效果驚豔的HTML5圖片特效，歡迎收藏和分享。（www.html5tricks.com）