2016九大前端必備動畫庫

　　進入2016年，隨著各種型別網路技術的快速發展，動畫庫能為我們的網頁設計增添很多視覺趣味。作為前/後端的開發人員來說，熟悉及掌握好各種動畫庫（甚至抽取搭建成自己優化的動畫庫）程式碼，便能輕鬆省時省力地完成各種工作需求。即使客戶或使用者的UI設計需求越來越多，再加上設計大神們提交的動畫動效DEMO，本文推薦的這些動畫庫基本都能在瀏覽器裡面實現出來咯。希望對各位開發童鞋來說能有所幫助。

　1. Animate.css

　　建立者：Daniel Eden
　　釋出日期：2013年
　　最新版本：3.4.0
　　關注人氣： 在GitHub上有25000+個星贊。
　　簡介說明：一個簡單易用的跨瀏覽器CSS動畫庫。
　　檔案大小:：55.2 kB.
　　GitHub主頁： https://github.com/daneden/animate.css
　　版權許可： MIT

　2.Bounce.js

　　建立者：Tictail
　　釋出日期：2014年
　　最新版本：0.8.2
　　關注人氣： 在GitHub上有3500+個星贊。
　　簡介說明：即時創造漂亮的CSS3動畫。
　　檔案大小:：16 kB.
　　GitHub主頁： https://github.com/tictail/bounce.js
　　版權許可： MIT

　3.Magic Animations

　　建立者：Christian
　　釋出日期：2014年
　　最新版本：1.1.0
　　關注人氣： 在GitHub上有3400+個星贊。
　　簡介說明：可創造CSS3動畫特效。
　　檔案大小:：36.5 kB.
　　GitHub主頁：https://github.com/miniMAC/magic

　4.DynCSS

　　建立者：Vittorio Zaccaria
　　釋出日期：2014年
　　最新版本：0.8.1
　　關注人氣： 在GitHub上有190+個星贊。
　　簡介說明：用動態CSS來打造你的網頁。
　　檔案大小:：36.5 kB.
　　GitHub主頁：https://github.com/vzaccaria/DynCSS

　5.CSShake

　　建立者：Lionel
　　釋出日期：2014年
　　最新版本：1.5.0
　　關注人氣： 在GitHub上有2000+個星贊。
　　簡介說明：用CSS實現各種顛顫動畫效果DOM！
　　檔案大小:：78.8 kB.
　　GitHub主頁： https://github.com/elrumordelaluz/csshake
　　版權許可： MIT

　6.Hover.css

　　建立者：Ian Lunn
　　釋出日期：2014年
　　最新版本：2.0.2
　　關注人氣： 在GitHub上有10700+個星贊。
　　簡介說明：將滑鼠Hover效果快速應用在你的網頁元素或創意設計上。
　　檔案大小:：104.2 kB.
　　GitHub主頁：https://github.com/IanLunn/Hover
　　版權許可： MIT

　7.Velocity.js

　　建立者：Julian Shapiro
　　釋出日期：2014年
　　最新版本：1.2.2
　　關注人氣： 在GitHub上有8700+個星贊。
　　簡介說明：幫你加速JavaScript動畫。
　　檔案大小:：34.8 kB.
　　GitHub主頁：https://github.com/julianshapiro/velocity
　　版權許可： MIT

　8.Favico.js

　　建立者：Miroslav Magda
　　釋出日期：2013年
　　最新版本：0.3.9
　　關注人氣： 在GitHub上有4900+個星贊。
　　簡介說明：讓你可以使用視訊、標誌或圖片來設計站點的Favicon。
　　檔案大小:：8.9 kB.
　　GitHub主頁：https://github.com/ejci/favico.js
　　版權許可： MIT

　9.AniJS

　　建立者：anijs
　　釋出日期：2014年
　　最新版本：0.9.3
　　關注人氣： 在GitHub上有2500+個星贊。
　　簡介說明：無須過多程式碼照樣提升網頁設計逼格的動畫庫。
　　檔案大小:：10.5 kB.
　　GitHub主頁：https://github.com/anijs/anijs
　　版權許可： MIT