强大的JS动画入门:Velocity.js

一、为什么要学习Velocity.js?

1、css3不兼容ie8,Jquery.annimate()是为PC端设计的。

2、Animate.css样式单一,动画库数量有限,不能自定义动画。

所以,学习Velocity.js插件的好处有三:

①兼容ie8和android2.3!

②兼容PC端和移动端!

③可以自定义动画,丰富自己的动画库存!

二、Velocity.js基本入门

①所需加载文件

②实现Velocity动画的两种方法

适合为单个目标定义复杂动画
适合为多个目标定义动画效果

③自定义动画和预定义动画

三、HTML+CSS

四、参考网站

Velocity官方文档:velocityjs.org

慕课网教学视频:www.imooc.com/learn/471

五、学习建议

慕课网视频仅限入门,包括我总结的前辈的教学视频中的一些方法,也只是入门。想要去探索Velocity.js更加宽广的舞台,必须去看官方文档,必须去关注Velocity的Github,保证能够及时掌握最新的技术。

努力成为优秀的前端工程师!

>期待和大家交流,共同进步,欢迎大家加入我创建的与前端开发密切相关的技术讨论小组:

> - SegmentFault技术圈:[ES新规范语法糖](https://segmentfault.com/g/1570000010695363)

> - SegmentFault专栏:[趁你还年轻,做个优秀的前端工程师](https://segmentfault.com/blog/chennihainianqing)

>- 知乎专栏:[趁你还年轻,做个优秀的前端工程师](https://zhuanlan.zhihu.com/wyasy)

>- Github博客: [趁你还年轻233的个人博客](https://github.com/FrankKai/FrankKai.github.io)

>- 前端开发QQ群:660634678

>- 微信公众号: 人兽鬼 / excellent_developers

![](https://upload-images.jianshu.io/upload_images/2976869-157e8624bcdfd62a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

>努力成为优秀前端工程师!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容