css 动画仍然比 ios 6+ 中的 javascript 动画快吗？答案

【问题标题】：Are css animations still faster than javascript animations in ios 6+?css 动画仍然比 ios 6+ 中的 javascript 动画快吗？
【发布时间】：2012-12-24 08:50:51
【问题描述】：

要为元素设置动画，我们可以使用 css 动画，也可以在 javascript 中进行。

阅读后，似乎 css 动画的渲染速度比 javascript 动画更快，因为浏览器可以在本机代码中执行 css 动画。此信息是从 2008 年至 2011 年的帖子中收集的。

使用 ios 6，还是这样吗？在发行说明中，我找到了这个项目：

"WebKit no longer always creates hardware-accelerated layers 
for elements with the -webkit-transform: preserve-3d option. 
Authors should stop using this option as a way to get hardware 
acceleration."

http://developer.apple.com/library/ios/#releasenotes/General/RN-iOSSDK-6_0/_index.html

由于我对网络动画还很陌生，所以我不确定当前的状态是什么，

谢谢

【问题讨论】：

标签： javascript css mobile-safari

【解决方案1】：

CSS 动画和过渡总是比 JavaScript 快，因为只需处理一条指令，而不是必须遵循相同效果所需的所有 JS 指令。

【讨论】：

【解决方案2】：

我将发布消息解释为“不再保证 preserve-3d 的值会强制执行硬件加速”（并且不应用作断言 HA 的黑客手段）。如果 UA 选择不使用 HA，那将有充分的理由。

无论如何，原生实现的 CSS 过渡仍然比手动 JS 动画更快（至少在一般情况下）。此外，如果您可以使用简短的 [基本] CSS 实现相同的目标，则没有理由使用 JavaScript。

【讨论】：