css动画和js动画怎么取舍？

Question

有些简单的动画可以用css写也可以用js写，怎么取舍好呢？

Answer 1

去了解一下整个页面的渲染的过程，就知道怎么取舍了。

Answer 2

首先动画是属于css3范畴，这个对浏览器的兼容性并不是很友好。如果考虑兼容性的话，那么就选择js了。不考虑的话，我的原则是能用css实现的尽量不用js。

Answer 3

个人觉得如果考虑浏览器兼容性的话还是通过js的完成比较好，如果不需要的话，一些简单的动画使用css3去完成会比较好，如果是复杂的动画，特别是多个动画一起触发的那种，从CPU层面去考虑css3的性能有些问题，特别是电脑如果没有GPU加速的情况下，会比较卡，通过js去完成可能会好一些，这个还是看场景而定，需要进行多次尝试，如果css3兼容好，性能没有问题，那还是使用css3比较好些

Answer 4

如果考虑到目前移动端的盛况，css和js的取舍还是相当重要的，使用场景各有偏重，假如是题主所说的简单的动画，我觉得css3完全够用了，调试起来也非常方便，再奉上一篇分享《高性能 CSS3 动画》