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

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

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

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

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

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