css3动画与js动画比较

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_44885062/article/details/95042942

优点

css3

1. CSS3动画在性能上会稍微好一些，浏览器会对CSS3的动画做一些优化(比如专门新建一个图层用来跑动画)
2. 代码相对简单

js

1. 控制能力强，可以单帧的控制和变换。
2. 写的好，写的好的话，完全可以兼容IE6

缺点

css3

1. 在动画控制上不够灵活
2. 兼容性不好
3. 部分动画功能无法实现(如滚动动画，视差滚动等)

js

1. S运算预渲染性能不如CSS3动画，因为CSS动画的transform矩阵，是C++级的，必然要比JavaScript级的计算要快
2. 还有就是对库比较依赖，编码较为繁琐

总结

综上所述我在写动画的时候能选择css3的时候就坚决不去选择js；原因如下
1、css3不占用JS主线
2、可以利用硬件加速；
3、 浏览器可css3对动画做优化