HTML5/jQuery動畫應用 3D視覺效果

---

今天我們要來分享幾款很酷的HTML5/CSS3動畫應用，雖然不是HTML5 3D應用，但也有3D的視覺效果。HTML5結合jQuery，讓網頁應用變得更加強大了。一起來看看這些HTML5/jQuery動畫應用吧。

1、HTML5 3D動畫柱形圖表

這次我們要來分享一款效果非常酷的HTML5 3D柱形圖表，這款HTML5圖表和之前分享的都不一樣，主要是外觀上比較吸引人，首先圖表是3D立體的，有一種非常棒的視覺效果；其次，當滑鼠劃過柱形圖表時，會有很不錯的HTML5動畫效果。

線上演示        原始碼下載

2、HTML5 Canvas煙花動畫 可控制煙花速度和大小

這款HTML5煙花動畫我們應該比較熟悉，因為之前有分享過類似的HTML5動畫了。這個HTML5煙花動畫是基於canvas的，可以說是之前分享那款的升級版，它可以控制煙花上升的速度和煙花綻放花朵的大小。由於是在HTML5 Canvas畫布上完成，因此也就非常靈活。

線上演示        原始碼下載

3、HTML5/CSS3動畫圖示按鈕

今天要分享一款基於HTML5和CSS3的動畫按鈕，當然，這款CSS3按鈕也可以當作圖示來使用。利用CSS3的動畫屬性，當我們用滑鼠劃過按鈕時，整個按鈕就會出現非常炫酷的動畫效果。當然這需要支援CSS3的瀏覽器才可以播放動畫。

線上演示        原始碼下載

4、HTML5 3D陰影文字特效

今天我們要來分享一款非常簡單大氣的HTML5 3D文字特效，這個3D文字特效是通過文字加粗以及文字陰影來實現的，效果非常不錯。同時我們在html5tricks網站上也分享過很多炫酷的文字特效，比如CSS3文字陰影效果 陰影角度可隨滑鼠變化、動感的CSS3 Loading文字特效。

線上演示        原始碼下載

5、CSS3手風琴下拉選單 支援多選單展開

這又是款基於CSS3的下拉選單，這款CSS3選單是手風琴樣式的，關於手風琴選單，大家也可以回顧一下這款CSS3手風琴選單 可同時摺疊多個選單。今天的這款CSS3手風琴選單也類似，選單具有3種模式，一種是同時展開多個選單，一種是隻能同時展開一個選單，還有一種是可以預設展開一個選單。應該說，這款CSS3手風琴選單非常的實用。

線上演示        原始碼下載

6、jQuery動畫圖片滑塊外掛 流水線樣式

今天我們要來介紹一款很酷的jQuery圖片滑塊外掛，這款jQuery圖片外掛非常具有個性化，首先圖片可以根據數量來分組，然後點選切換按鈕時，每一組圖片就像流水線上的產品一樣滑過，圖片滑動時也有不錯的動畫效果。這款jQuery外掛可以在商品展示頁面上使用。

線上演示        原始碼下載

7、HTML5 3D手掌動畫 看起來很抽象

今天我們要來分享另外一款很酷的HTML5 3D動畫，它是用一個個畫素點構造的3D立體手掌動畫，你可以拖動滑鼠從不同的側面觀看這隻非常抽象的手掌。另外，我再推薦一款HTML5 3D動畫：HTML5 SVG 3D蝴蝶飛舞動畫。

線上演示        原始碼下載

這都是一些很酷的HTML5應用，歡迎收藏分享。