CSS3 动画和移动设备上的最佳性能

Question

我正在制作一个应用程序，并意识到最好对动画进行硬件加速。

我想使用 jQuery animate 增强版，这很有效，但我觉得我想更好地掌握硬件加速的整个概念：

当使用顶部/左侧定位（例如使用 jQuery）移动 div 时，是否会通过添加 transform: translate3d(0, 0, 0); 自动进行硬件加速？

这个硬件会加速吗？另外，动画关键帧呢？您是否需要为动画添加变换以使其进行硬件加速？

Answer 1

Paul Irish wrote 对这件事进行了深入细致的分析。

通常 3d 转换会触发 GPU，如果没有，也没什么大不了的，它仍然可以工作。在左/上坐标上使用平移通常在性能方面也更好。不过，我不确定问题的动画关键帧部分。