推薦六款炫酷的HTML5效果插件

1. HTML5 3D圖片陰影翻轉動畫 效果很酷

分享一款很酷的HTML5 3D動畫特效，這款3D特效可以爲你的圖片增加陰影的效果，而且可以讓圖片在鼠標滑過的時候出現3D翻轉的動畫效果。這和HTML5 3D動畫HTML5 3D正方體旋轉動畫有着類似的效果，大家也可以看看。

p_w_picpath.png

在線演示 / 源碼下載

2. HTML5 Canvas波浪動畫 可調節波浪高度

看過超酷的HTML5 Canvas波浪牆嗎，是的，只要你的瀏覽器支持HTML5 WebGL，就可以觀看強大的HTML5波浪效果。今天我們要分享的這款波浪動畫也是基於HTML5 Canvas的，特點是可以控制滑桿來調節波浪的高度。

p_w_picpath.png

在線演示 / 源碼下載

3. HTML5 Canvas實現超酷Loading動畫

這次我們來看一款非常酷的Loading動畫加載效果，和純CSS3實現齒輪Loading加載動畫類似，也是利用幾何的特性來模擬的，它是一些類似旋轉的動畫效果。另外，關於Loading動畫，我們也可以看看html5tricks上的Loading動畫欄目。

html5-canvas-loading

在線演示 / 源碼下載

4. CSS3/jQuery簡易焦點圖 多種圖片切換方式

有很多非常不錯的CSS3焦點圖插件，我們印象最深刻的要算這款HTML5/jQuery 3D焦點圖插件。今天要再來分享一款簡易的CSS3焦點圖應用，這款焦點圖應用的圖片切換方式非常豐富，而且焦點圖的切換按鈕比較小，圖片篇幅佔據比較大，因此總體比較大氣。

css3-p_w_picpath-slider-icon

在線演示 / 源碼下載

5. HTML5火焰文字特效

有不少基於HTML5和CSS3的文字特效，有3D的文字效果，也有動畫文字特效。今天我們分享的這款HTML5文字特效是火焰燃燒的效果，比較消耗CPU，但是動畫效果還是比較酷的。另外，再推薦一款HTML5文字特效：HTML5像素文字爆炸重組動畫特效

html5-css3-fire-text

在線演示 / 源碼下載

6. HTML5圖片切換焦點圖應用 3D投影效果

利用HTML5和CSS3技術製作一個圖片焦點圖特效非常簡單，但是如果我們要讓這款焦點圖足夠的精緻，那就要花上比較大的力氣。今天要分享的這款HTML5 3D焦點圖切換應用就非常酷，圖片下方有一道投影，使得焦點圖有立體的視覺效果。另外，圖片切換的方式也有多種，每種切換方式都有不同的3D立體效果。

html5-slicebox-p_w_picpath

在線演示 / 源碼下載

原文地址： http://refined-x.cm