藍藍設計的小編
這是一款帶有3D動畫的CSS3菜單，該菜單有以下幾個特點：首先是菜單時基于CSS3的，因此瀏覽器兼容性都還可以；其次這款菜單支持二級下拉菜單，功能上也基本能滿足大部分開發者；最后這款菜單最大的亮點在于展開下拉菜單時，子菜單可以旋轉的展開和收縮，給人3D的視覺效果。
前我們已經向大家分享過一些基于HTML5的地圖應用，比如jQuery矢量SVG地圖插件JVectorMap，以及這款HTML5/CSS3帶區域地圖的聯系表單。今天要分享的這款HTML5地圖應用是一張世界地圖，地圖元素是使用SVG繪制的，并且地圖可以拖拽和局部縮放，效果非常不錯。
之前我們分享過很多漂亮的網頁按鈕動畫，大家可以移步至CSS3按鈕分類下查看各種各樣的CSS3按鈕。這次要分享的這款CSS3按鈕有著質感的背景，并且鼠標滑過按鈕時按鈕邊框還會發光，呈現出3D立體的視覺效果。
這次要分享的也是一款不錯的CSS3動畫按鈕，當我們將鼠標滑過按鈕時，按鈕會展現不同方式的動畫效果，大家可以具體看看演示。
今天要給給位分享一款基于CSS3的鼠標懸停動畫菜單按鈕，這款菜單是由一個個小按鈕組成，當我們將鼠標滑過菜單項時，按鈕上的圖標將出現懸浮的動畫。
這次還是要分享一款CSS3對話框插件，另外，這款對話框的特點是點擊按鈕后對話框會以3D旋轉的動畫展現出來。更令人驚嘆的是，點擊按鈕的不同部位，對話框3D旋轉的動畫方式也會不同。
今天要給大家介紹一款強大的CSS3動畫庫animate.css，animate.css定義了大概50多種動畫形式，包括淡入淡出，文字飛入、左右搖擺動畫等等。使用animate.css也非常簡單，你可以給頁面上的任意元素，特別是文字添加各種神奇的動畫，一起來嘗試一下吧。
今天我們要來分享一組很酷的jQuery插件，這款jQuery插件實現了6組不同樣式的超酷儀表盤指示器動畫。儀表盤的背景是一張圖片，通過jQuery來動態生成一些屬性標簽，比如儀表盤的刻度和指針等。效果非常不錯。
1、HTML5 Canvas模擬衣服撕扯動畫 超級逼真
今天又要來推薦一款HTML5 Canvas動畫，是一個模擬衣服撕扯動畫，效果非常逼真。剛開始衣服掛在繩子上，用鼠標拖拽衣服即可讓衣服擺動起來，當你拖拽的很用力時，你會發現，衣服被撕破了。該HTML5動畫會捕獲到鼠標拖拽的用力程度，從而來判斷并實現衣服應該破損的程度，越用力，衣服被撕破的速度越快，趕緊來體驗一下這個HTML5動畫吧。
談到網頁，不得不提到HTML5。憑借著其強大的3D渲染能力，HTML5讓很多開發者都躍躍欲試，都想親自體驗一下HTML5的3D效果。今天本文就分享8款效果驚艷的HTML5 3D動畫，您可以撿現成的看看，順便也可以學習學習HTML5的相關知識。
1、HTML5 WebGL水面、水波蕩漾
藍藍設計的小編 http://paul-jarrel.com
