精品收藏！2016年九大前端必備動(dòng)畫庫(kù)

進(jìn)入2016年，隨著各種類型網(wǎng)絡(luò)技術(shù)的快速發(fā)展，動(dòng)畫 庫(kù)能為我們的網(wǎng)頁(yè)設(shè)計(jì) 增添很多視覺趣味。作為前/后端的開發(fā)人員來(lái)說(shuō)，熟悉及掌握好各種動(dòng)畫 庫(kù)(甚至抽取搭建成自己優(yōu)化的動(dòng)畫庫(kù))代碼，便能輕松省時(shí)省力地完成各種工作需求。即使客戶或用戶的UI設(shè)計(jì)需求越來(lái)越多，再加上設(shè)計(jì)大神們提交的動(dòng)畫動(dòng)效DEMO，本文推薦的這些動(dòng)畫庫(kù)基本都能在瀏覽器里面實(shí)現(xiàn)出來(lái)咯。希望對(duì)各位開發(fā)童鞋來(lái)說(shuō)能有所幫助。

　　1. Animate.css

　　創(chuàng)建者：Daniel Eden

　　發(fā)布日期：2013年

　　最新版本：3.4.0

　　關(guān)注人氣： 在GitHub上有25000+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：一個(gè)簡(jiǎn)單易用的跨瀏覽器CSS動(dòng)畫庫(kù)。

　　文件大小:：55.2 kB.

　　GitHub主頁(yè)： https://github.com/daneden/animate.css

　　版權(quán)許可： MIT

　　2. Bounce.js

　　創(chuàng)建者：Tictail

　　發(fā)布日期：2014年

　　最新版本：0.8.2

　　關(guān)注人氣： 在GitHub上有3500+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：即時(shí)創(chuàng)造漂亮的CSS3動(dòng)畫。

　　文件大小:：16 kB.

　　GitHub主頁(yè)： https://github.com/tictail/bounce.js

　　版權(quán)許可： MIT

　　3. Magic Animations

　　創(chuàng)建者：Christian

　　發(fā)布日期：2014年

　　最新版本：1.1.0

　　關(guān)注人氣： 在GitHub上有3400+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：可創(chuàng)造CSS3動(dòng)畫特效。

　　文件大小:：36.5 kB.

　　GitHub主頁(yè)：https://github.com/miniMAC/magic

　　4. DynCSS

　　創(chuàng)建者：Vittorio Zaccaria

　　發(fā)布日期：2014年

　　最新版本：0.8.1

　　關(guān)注人氣： 在GitHub上有190+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：用動(dòng)態(tài)CSS來(lái)打造你的網(wǎng)頁(yè)。

　　文件大小:：36.5 kB.

　　GitHub主頁(yè)：https://github.com/vzaccaria/DynCSS

　　5. CSShake

　　創(chuàng)建者：Lionel

　　發(fā)布日期：2014年

　　最新版本：1.5.0

　　關(guān)注人氣： 在GitHub上有2000+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：用CSS實(shí)現(xiàn)各種顛顫動(dòng)畫效果DOM!

　　文件大小:：78.8 kB.

　　GitHub主頁(yè)： https://github.com/elrumordelaluz/csshake

　　版權(quán)許可： MIT

　　6.Hover.css

　　創(chuàng)建者：Ian Lunn

　　發(fā)布日期：2014年

　　最新版本：2.0.2

　　關(guān)注人氣： 在GitHub上有10700+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：將鼠標(biāo)Hover效果快速應(yīng)用在你的網(wǎng)頁(yè)元素或創(chuàng)意設(shè)計(jì)上。

　　文件大小:：104.2 kB.

　　GitHub主頁(yè)：https://github.com/IanLunn/Hover

　　版權(quán)許可： MIT

　　7. Velocity.js

　　創(chuàng)建者：Julian Shapiro

　　發(fā)布日期：2014年

　　最新版本：1.2.2

　　關(guān)注人氣： 在GitHub上有8700+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：幫你加速JavaScript動(dòng)畫。

　　文件大小:：34.8 kB.

　　GitHub主頁(yè)：https://github.com/julianshapiro/velocity

　　版權(quán)許可： MIT

　　8. Favico.js

　　創(chuàng)建者：Miroslav Magda

　　發(fā)布日期：2013年

　　最新版本：0.3.9

　　關(guān)注人氣： 在GitHub上有4900+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：讓你可以使用視頻、標(biāo)志或圖片來(lái)設(shè)計(jì)站點(diǎn)的Favicon。

　　文件大小:：8.9 kB.

　　GitHub主頁(yè)：https://github.com/ejci/favico.js

　　版權(quán)許可： MIT

　　9. AniJS

　　創(chuàng)建者：anijs

　　發(fā)布日期：2014年

　　最新版本：0.9.3

　　關(guān)注人氣： 在GitHub上有2500+個(gè)星贊。

　　簡(jiǎn)介說(shuō)明：無(wú)須過多代碼照樣提升網(wǎng)頁(yè)設(shè)計(jì) 逼格的動(dòng)畫庫(kù)。

　　文件大小:：10.5 kB.

　　GitHub主頁(yè)：https://github.com/anijs/anijs

　　版權(quán)許可： MIT