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

2016開年大禮包系列：

1. 《2016開年大禮包！100套最新UI PSD素材打包下載》
2. 《年終干貨盛典！優(yōu)設(shè)2015年最受歡迎的設(shè)計資源大盤點》

1. Animate.css

創(chuàng)建者：Daniel Eden
發(fā)布日期：2013年
最新版本：3.4.0
關(guān)注人氣： 在GitHub上有25000+個星贊。
簡介說明：一個簡單易用的跨瀏覽器CSS動畫庫。
文件大小:：55.2 kB.
GitHub主頁： https://github.com/daneden/animate.css
版權(quán)許可： MIT

2. Bounce.js

創(chuàng)建者：Tictail
發(fā)布日期：2014年
最新版本：0.8.2
關(guān)注人氣： 在GitHub上有3500+個星贊。
簡介說明：即時創(chuàng)造漂亮的CSS3動畫。
文件大小:：16 kB.
GitHub主頁： https://github.com/tictail/bounce.js
版權(quán)許可： MIT

3. Magic Animations

創(chuàng)建者：Christian
發(fā)布日期：2014年
最新版本：1.1.0
關(guān)注人氣： 在GitHub上有3400+個星贊。
簡介說明：可創(chuàng)造CSS3動畫特效。
文件大小:：36.5 kB.
GitHub主頁：https://github.com/miniMAC/magic

4. DynCSS

創(chuàng)建者：Vittorio Zaccaria
發(fā)布日期：2014年
最新版本：0.8.1
關(guān)注人氣： 在GitHub上有190+個星贊。
簡介說明：用動態(tài)CSS來打造你的網(wǎng)頁。
文件大小:：36.5 kB.
GitHub主頁：https://github.com/vzaccaria/DynCSS

5. CSShake

創(chuàng)建者：Lionel
發(fā)布日期：2014年
最新版本：1.5.0
關(guān)注人氣： 在GitHub上有2000+個星贊。
簡介說明：用CSS實現(xiàn)各種顛顫動畫效果DOM！
文件大小:：78.8 kB.
GitHub主頁： https://github.com/elrumordelaluz/csshake
版權(quán)許可： MIT

6.Hover.css

創(chuàng)建者：Ian Lunn
發(fā)布日期：2014年
最新版本：2.0.2
關(guān)注人氣： 在GitHub上有10700+個星贊。
簡介說明：將鼠標Hover效果快速應(yīng)用在你的網(wǎng)頁元素或創(chuàng)意設(shè)計上。
文件大小:：104.2 kB.
GitHub主頁：https://github.com/IanLunn/Hover
版權(quán)許可： MIT

7. Velocity.js

創(chuàng)建者：Julian Shapiro
發(fā)布日期：2014年
最新版本：1.2.2
關(guān)注人氣： 在GitHub上有8700+個星贊。
簡介說明：幫你加速JavaScript動畫。
文件大小:：34.8 kB.
GitHub主頁：https://github.com/julianshapiro/velocity
版權(quán)許可： MIT

8. Favico.js

創(chuàng)建者：Miroslav Magda
發(fā)布日期：2013年
最新版本：0.3.9
關(guān)注人氣： 在GitHub上有4900+個星贊。
簡介說明：讓你可以使用視頻、標志或圖片來設(shè)計站點的Favicon。
文件大小:：8.9 kB.
GitHub主頁：https://github.com/ejci/favico.js
版權(quán)許可： MIT

9. AniJS

創(chuàng)建者：anijs
發(fā)布日期：2014年
最新版本：0.9.3
關(guān)注人氣： 在GitHub上有2500+個星贊。
簡介說明：無須過多代碼照樣提升網(wǎng)頁設(shè)計逼格的動畫庫。
文件大小:：10.5 kB.
GitHub主頁：https://github.com/anijs/anijs
版權(quán)許可： MIT

【從海報設(shè)計中學(xué)習(xí)平面經(jīng)典法則！】

1. 《設(shè)計易容術(shù)！如何設(shè)計一張高品位高水準的海報？》
2. 《設(shè)計易容術(shù)！如何設(shè)計一張高品位高水準的海報（二）》
3. 《設(shè)計易容術(shù)！如何設(shè)計一張高品位高水準的海報？（三）》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量108萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com