CSS3动画和js动画的区别是什么？各有什么优劣呢？
在msdnCSS动画页面有这样一句话：与传统的 JavaScript 驱动的动画实践比较，它可提供更好的呈现性能。
出自：http://msdn.microsoft.com/zh-cn/library/jj680076(v=vs.85).aspx
移动端的开发也有这种hack，来解决可能的卡顿问题：css-webkit-transform: translate3d(0, 0, 0);
出自：http://www.qianduan.net/high-performance-css3-animations.html
看了一些文章，介绍CSS3动画的会说道一些性能问题，但没有具体说清楚，这两种动画在开发中（包括移动端）如何取舍呢？
展开
收起
5
条回答
写回答
写回答
-
-
-
ReCSS3动画和js动画的区别是什么？各有什么优劣呢？css3可以很便捷的实现一些动画效果，并且在支持css3的浏览器下表现不错，用js做动画的话，除非是在非常古老的浏览器(你懂的)下运行，一般也不会有卡顿问题,不过还是建议在支持css3的浏览器下使用css3去做动画。移动端的话，其实能用的效果真的不多，以前做过一个折叠效果，在安卓下完全不堪入目，IOS下也是勉强看到折了那么一下，但是pc上看就很顺畅，一般的滑动效果还是没有问题的，而且相当顺畅。
总结下，工作中如果要兼容那些老古董的话，还是用js去写动画，如果只需要兼容现代浏览器的，尽量使用css3做动画，移动端就完全不要考虑js写动画了。2014-08-26 17:18:00赞同 展开评论 打赏 -
ReCSS3动画和js动画的区别是什么？各有什么优劣呢？CSS3的动画的优点：
在性能上会稍微好一些，浏览器会对CSS3的动画做一些优化（比如专门新建一个图层用来跑动画）
代码相对简单
但其缺点也很明显：
在动画控制上不够灵活
兼容性不好
部分动画功能无法实现（如滚动动画，视差滚动等）
JavaScript的动画正好弥补了这两个缺点，控制能力很强，可以单帧的控制、变换，同时写得好完全可以兼容IE6，并且功能强大。但想想CSS动画的transform矩阵是C++级的计算，必然要比javascript级的计算要快。另外对库的依赖也是一个很让人头疼的问题。
所以，对于一些复杂控制的动画，使用javascript会比较靠谱。而在实现一些小的交互动效的时候，就多考虑考虑CSS吧2014-08-26 16:32:54赞同 展开评论 打赏 -
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
