网页上制作动画效果的方法及优势劣势

• css3
• animate
• js

运用css3实现动画效果

css3有两种动画效果，一种是trasition，一种是animation。
其中的animation更加灵活，transition更为便捷。
transition的内容可以参照：transition详解。
animation的内容可以参照：animation详解。
本人也是比较喜欢使用css3的，也喜欢用css3做点小东西。
比如：用纯css做环形进度条、用css做轮播图效果。

优势

非常非常非常地灵活，可以代替flash的存在。功底扎实的话可以做出各种厉害的动画效果。

劣势

并不是所有浏览器都支持，ie10以上基本支持了，其他主流浏览器都支持。但是坑爹的微信浏览器对它的支持并不是很完美，主要是安卓上的微信。

animate

jquery封装的animate是一个动画利器，基本的都能做到。

优点

兼容性较好。

缺点

没有css3灵活。

用js来写动画

实在不行了可以采用js来写动画。
思路就是把动画变成一截一截的，然后连起来就是动画了。
这个可以直接参考文章：用js实现动画效果核心方式。

优点

原生可用。

缺点

代码量大，效果不好。