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

Question

我正在制作一款应用，并意识到硬件加速动画效果最佳。

我想使用jQuery animate增强功能，但是我觉得我想要更好地掌握硬件加速的整个想法：

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

这个硬件会加速吗？那么，动画关键帧呢？您是否需要为动画添加变换才能进行硬件加速？

Answer 1

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

通常3D翻译会触发GPU，如果没有，它就没什么大不了的，它仍然有效。在左/上坐标上使用平移通常也是更好的性能。我不确定动画关键帧是问题的一部分。