超級絢麗，20款前端動畫特效，轟炸你的眼睛，一定要看到最後！
1.超炫酷的30個jQuery按鈕懸停動畫
按鈕插件是最常見的jQuery插件之一，因為它用途廣泛，而且配置起來最為方便。今天我們要分享的是30個超炫酷的jQuery懸停按鈕動畫，當我們將滑鼠滑過按鈕時，按鈕的背景就會播放不同的動畫特效。這款jQuery按鈕插件的使用方法也很簡單，給按鈕指定一個類，然後用一行JS代碼初始化即可。
2.HTML5 Canvas水波紋動畫特效
HTML5的Canvas特性非常實用，我們不僅可以在Canvas畫布上繪製各種圖形，也可以製作絢麗的動畫，比如這次介紹的水波紋動畫特效。以前我們也分享過一款基於HTML5 WebGL的水波蕩漾動畫，讓人驚嘆不已，這次分享的HTML5 Canvas水波紋動畫同樣非常震撼人心。
3.超絢麗CSS3多色彩發光立方體旋轉動畫
之前我們分享過幾個不錯的CSS3立方體動畫，比如這款HTML5 3D立方體旋轉動畫和HTML5 3D立方體圖片切換動畫。今天要分享的也是一款基於CSS3的3D立方體旋轉動畫，不同的是，這款立方體的每一個面都有不同的色彩，並且會帶有絢麗的發光特效。
4.JavaScript萬年曆 帶農曆、時間和屬相等功能
之前我們分享過一款基於jQuery的萬年曆插件，功能十分強大。今天我們要再來分享另外一款JS萬年曆應用，它同樣支持農曆和屬相功能，同時也支持當前時間的顯示。並且這款日曆插件可以快速選擇年份和月份快速定位日期，操作十分便捷。
5.HTML5 Canvas 水母遊動動畫特效
這是一個非常酷的HTML5動畫特效，它是一隻遊動的水母，我們利用HTML5的Canvas技術繪製一隻像素點組合的水母，並且利用JavaScript模擬水母遊動的動畫特效，看上去非常逼真。
6.超炫酷的jQuery捲軸展開動畫
今天我們要給大家分享一款很不錯的jQuery動畫，它是一個捲軸展開的動畫特效，就像一幅山水畫展開一樣，非常絢麗。它將一張完整的捲軸拆分到多個div中，然後通過jquery animate事件，配合不同的時間延遲，形成完整的捲軸打開動畫。
7.純CSS3環形菜單動畫 可展開二級子菜單
網頁菜單是一個網站最主要的部分之一，之前我們分享過很多形態各異的jQuery/CSS3菜單，有炫酷的CSS3/jQuery創意盒子動畫菜單，也有實用的CSS3多級下拉菜單 彈性展開下拉動畫。今天要給大家分享一款富有創意的CSS3環形菜單，當我們將滑鼠滑過菜單項時，即可以圓環的形式展開二級子菜單，效果非常不錯。
8.純CSS3紅色愛心跳動動畫
之前我們分享過一些基於純CSS3的愛心動畫，最酷的非浪漫程式設計師 HTML5愛心表白動畫這個莫屬，另外還有這個HTML5 3D愛心動畫也非常不錯。今天要給大家帶來一個純CSS3的紅色愛心跳動動畫，愛心的形狀是利用純CSS3繪製出來的，結合CSS3的動畫屬性實現跳動的動畫特效。
請把這篇文章分享給正在學習前端的朋友，希望該篇文章可以幫到一些小夥伴學到新的技巧。
最後祝所有程式設計師都能夠走上人生巔峰，讓代碼將夢想照進現實，有不懂的問題可以隨時問我，工作不忙的時候希望可以給大家解惑。
覺得本文對你有幫助？請分享給更多人
關注「前端大全」，提升前端技能