javascript - 使用 Javascript 或 CSS3 制作动画？

Question

我一直想知道在性能方面什么对动画更好 - Javascript 或 CSS3。在此页面上，您可以比较 GSAP、jQuery 和 CSS3:

http://css-tricks.com/myth-busting-css-animations-vs-javascript/

向下滚动到性能比较。现在我的问题如下:

CSS3 迟早会比 Javascript(在本例中为 GSAP)更快吗？那么我们应该使用 CSS3 还是仍然使用 Javascript 来编写动画？

更新:另一个网站:

http://greensock.com/transitions/

目前看来，GSAP 在大多数方面都比 CSS3 快，但在 3D 转换方面 CSS3 更快。

现在的问题仍然是:CSS3 会比 GSAP(或其他类似框架)更快吗？

Answer 1

CSS3 动画比 JavaScript 动画更快更流畅，因为它们可以通过浏览器/GPU 进行优化和潜在的硬件加速。另一方面，JS 动画通常不太流畅，因为动画的每一帧都必须明确解释和渲染。

此外，JS动画主要用于不支持相对较新的CSS3的旧浏览器。