7款很棒的HTML5/CSS3動畫特效推薦
HTML5和 CSS3已經被越來越多的開發者和使用用戶所接受，我們很多的網站也已經逐步向HTML5技術靠攏，因為HTML5可以給用戶帶來前所未有的視覺體驗和操 作體驗，當然隨著CPU和內存的增大，HTML5的發展會更加不錯。本文向大家推薦7款很棒的HTML5/CSS3動畫特效，希望能給各位Web開發者帶 來一點幫助。
1、HTML5/CSS3可折疊的3D立方體動畫
最近我們已經為大家分享過很多基于HTML5和CSS3的立方體動畫，比如HTML5多立方體3D翻轉動畫和HTML5 3D立方體圖片切換動畫，效果都非常驚人。今天要給大家帶來另外一款CSS3 3D立方體動畫，尤其在DEMO2中可以看到，鼠標滑過立方體后，它將會被打開，從里面彈出另外一個小立方體，動畫效果非常酷，非常逼真。
2、HTML5/CSS3古典紙扇動畫
各位HTML5愛好者注意了，今天要給大家分享一款很有意思的HTML5動畫，它是一把古典的紙扇動畫，紙扇可以自動展開和收攏，并且厲害的是，利用CSS3和HTML5特性，紙扇還可以模擬扇動的效果，非常有意思。
3、HTML5實現DNA螺旋動畫
記得之前我們分享過一款很酷的HTML5 DNA動畫，螺旋效果不是很理想，今天分享的這款HTML5DNA螺旋動畫效果就非常不錯了，不僅具有更為立體的視覺效果，而且螺旋的效果也帶有3D的動畫特效，大家可以在DEMO演示中看到精彩的效果。
4、HTML5/CSS3鼠標懸停動畫菜單按鈕
之前我們已經向大家分享過很多炫酷的HTML5/CSS3菜單，包括多級下拉菜單、動畫菜單等。今天要給給位分享一款基于CSS3的鼠標懸停動畫菜單按鈕，這款菜單是由一個個小按鈕組成，當我們將鼠標滑過菜單項時，按鈕上的圖標將出現懸浮的動畫特效。
5、HTML5 Canvas雨滴下落動畫 超逼真
今天我們要來分享一款相當逼真的HTML5 Canvas 雨滴下落動畫，該動畫模擬雨滴附在窗戶上緩緩滑落的效果，同時窗戶也因為雨滴而變得模糊，窗外的夜景便顯得格外迷人。利用HTML5技術，該雨滴下落動畫 一共有5種不同的效果。由于Chrome的跨域限制，本地將無法運行，你可以在本站的在線演示中看到效果，或者將源代碼上傳至自己的服務器后瀏覽。
6、漂亮的CSS3圓角按鈕組合
之前我們已經為大家分享過很多絢麗的CSS3按鈕了，比如這款純CSS3實現質感發光動畫按鈕和去年發布的HTML5/CSS3一組可愛的3D按鈕。今天要分享的是一款CSS3圓角按鈕，這組按鈕有不同的顏色主題，利用CSS3特性實現了圓角效果，看上去還相當不錯。
7、純CSS3實現質感發光動畫按鈕
之前我們分享過很多漂亮的網頁按鈕動畫，大家可以移步至CSS3按鈕分類下查看各種各樣的CSS3按鈕。這次要分享的這款CSS3按鈕有著質感的背景，并且鼠標滑過按鈕時按鈕邊框還會發光，呈現出3D立體的視覺效果。
以上就是7款很棒的HTML5/CSS3動畫特效，歡迎收藏分享。
轉載請注明原文鏈接：http://www.html5tricks.com/7-html5-css3-animation.html