上手即用好干货!2016年九大前端必备动画库 - 优设-UISDC

上手即用好干货!2016年九大前端必备动画库

2016/01/12 19329

2016-9-front-end-animation-1

@UC优视RED设计中心 :进入2016年,随着各种类型网络技术的快速发展,动画库能为我们的网页设计增添很多视觉趣味。作为前/后端的开发人员来说,熟悉及掌握好各种动画库(甚至抽取搭建成自己优化的动画库)代码,便能轻松省时省力地完成各种工作需求。即使客户或用户的UI设计需求越来越多,再加上设计大神们提交的动画动效DEMO,本文推荐的这些动画库基本都能在浏览器里面实现出来咯。希望对各位开发童鞋来说能有所帮助。

2016开年大礼包系列:

  1. 《2016开年大礼包!100套最新UI PSD素材打包下载》
  2. 《年终干货盛典!优设2015年最受欢迎的设计资源大盘点》

1. Animate.css

1450061535UvuEem9-new

创建者:Daniel Eden
发布日期:2013年
最新版本:3.4.0
关注人气: 在GitHub上有25000+个星赞。
简介说明:一个简单易用的跨浏览器CSS动画库。
文件大小::55.2 kB.
GitHub主页: https://github.com/daneden/animate.css
版权许可: MIT

2. Bounce.js

1450061550R1sLaTh-new

创建者:Tictail
发布日期:2014年
最新版本:0.8.2
关注人气: 在GitHub上有3500+个星赞。
简介说明:即时创造漂亮的CSS3动画。
文件大小::16 kB.
GitHub主页: https://github.com/tictail/bounce.js
版权许可: MIT

3. Magic Animations

1450061529zEm5C3Y-new

创建者:Christian
发布日期:2014年
最新版本:1.1.0
关注人气: 在GitHub上有3400+个星赞。
简介说明:可创造CSS3动画特效。
文件大小::36.5 kB.
GitHub主页:https://github.com/miniMAC/magic

4. DynCSS

1450061540SzazG3O-new

创建者:Vittorio Zaccaria
发布日期:2014年
最新版本:0.8.1
关注人气: 在GitHub上有190+个星赞。
简介说明:用动态CSS来打造你的网页。
文件大小::36.5 kB.
GitHub主页:https://github.com/vzaccaria/DynCSS

5. CSShake

1450061544Rpuh5k4-new

创建者:Lionel
发布日期:2014年
最新版本:1.5.0
关注人气: 在GitHub上有2000+个星赞。
简介说明:用CSS实现各种颠颤动画效果DOM!
文件大小::78.8 kB.
GitHub主页: https://github.com/elrumordelaluz/csshake
版权许可: MIT

6.Hover.css

1450061560HdMHuQA-new

创建者:Ian Lunn
发布日期:2014年
最新版本:2.0.2
关注人气: 在GitHub上有10700+个星赞。
简介说明:将鼠标Hover效果快速应用在你的网页元素或创意设计上。
文件大小::104.2 kB.
GitHub主页:https://github.com/IanLunn/Hover
版权许可: MIT

7. Velocity.js

1450061570gvl0BB5-new

创建者:Julian Shapiro
发布日期:2014年
最新版本:1.2.2
关注人气: 在GitHub上有8700+个星赞。
简介说明:帮你加速JavaScript动画。
文件大小::34.8 kB.
GitHub主页:https://github.com/julianshapiro/velocity
版权许可: MIT

8. Favico.js

1450061565GxBx8Uf-new

创建者:Miroslav Magda
发布日期:2013年
最新版本:0.3.9
关注人气: 在GitHub上有4900+个星赞。
简介说明:让你可以使用视频、标志或图片来设计站点的Favicon。
文件大小::8.9 kB.
GitHub主页:https://github.com/ejci/favico.js
版权许可: MIT

9. AniJS

anijs

创建者:anijs
发布日期:2014年
最新版本:0.9.3
关注人气: 在GitHub上有2500+个星赞。
简介说明:无须过多代码照样提升网页设计逼格的动画库。
文件大小::10.5 kB.
GitHub主页:https://github.com/anijs/anijs
版权许可: MIT

【从海报设计中学习平面经典法则!】

  1. 《设计易容术!如何设计一张高品位高水准的海报?》
  2. 《设计易容术!如何设计一张高品位高水准的海报(二)》
  3. 《设计易容术!如何设计一张高品位高水准的海报?(三)》

uisdc-ad-wechat

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量108万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/2016-9-front-end-animation

sketch UI 界面设计 转场动效 平面设计 交互设计师 设计师 扁平化设计 设计师专访 排版布局 职场 视觉设计 用户体验设计 设计流程 素材下载 配色 web前端开发 海报设计 AI教程 设计理论 产品设计 设计规范 字体下载 神器下载 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里