精選6款神奇的HTML5 Canvas動畫特效
在HTML5的Canvas畫布上，我們基本可以實現和Flash相同的功能，但是HTML5的優點是通信方便，所以隨著瀏覽器的升級，我們現在已經很習慣利用HTML5來制作動畫和游戲了。下面我們精選了6款神奇的HTML5 Canvas動畫特效，分享給大家。
1、HTML5鯨魚動畫 又一款超酷HTML5動畫
之前看到過同樣效果的一款鯨魚動畫，不過可惜的是那個動畫是用flash制作的。今天我找到了基于HTML5的鯨魚動畫，鯨魚會隨著鼠標的移動而游動，畫面非常立體，鯨魚也超級逼真。真的，HTML5確實很給力，HTML5動畫完全可以完成flash能做的事情。
2、HTML5/CSS3開關按鈕 立體3D按鈕
之前我介紹過幾款漂亮的CSS3開關切換按鈕，比如這款 CSS3渲染Checkbox實現3D開關切換按鈕 就利用了CSS3和Checkbox實現了開關切換按鈕。今天介紹的這款HTML5/CSS3開關切換按鈕是利用純CSS3的，代碼非常簡單，3D效果也還可以。
3、Google Doodle三八節Logo HTML5小動畫
2014年的三八婦女節剛過去不久，讓我們來回味一下節日那天Google為全球婦女更換的Logo動畫。該Logo動畫利用了CSS3技術實現圖形的轉圈和播放效果，Google的創意總是那么特別，尤其是把HTML5技術玩的淋漓盡致。
4、HTML5物理實驗 CSS3模擬齒輪轉動
利用HTML5可以模擬出很多物理特性的實驗，比如天體運動、自由落體等，今天要分享一個利用純CSS3實現的齒輪轉動實驗，實驗由多個齒輪組合在一起，主動輪轉動后可以帶動其他從動輪轉動，從而將重物吊起。這個過程沒有利用Javascript，而是利用純CSS3實現，效果很棒。
5、HTML5立體圓環旋轉動畫 HTML5 3D效果
HTML5 3D動畫效果非常多，我們在 html5tricks 上也分享過一些，比如 3D HTML5 Logo動畫 ，旋轉效果非常逼真。今天我們來看一款基于HTML5的立體圓環旋轉動畫，該特效主要利用了CSS3的-webkit-transform-style屬性，效果非常酷。
6、HTML5 3D立體圖片旋轉播放展示
自從HTML5技術的出現，我們可以在瀏覽器上看到越來越多的3D特效。這款HTML5 3D立體圖片旋轉播放展示工具就體現了強大的HTML5 3D功能。當然這需要支持HTML5 3D功能的瀏覽器才能觀看這個3D圖片演示。
以上就是6款神奇的HTML5 Canvas動畫特效，歡迎分享收藏。
來自：http://geek.csdn.net/news/detail/200172