CSS3 动画和最佳移动性能

Question

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

我想使用 jQuery animate enhanced，它可以工作，但我觉得我想更好地掌握硬件加速的整个概念:

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

这个硬件能加速什么吗？另外，动画关键帧呢？您是否需要向动画添加转换才能使其硬件加速？

Answer 1

Paul Irish wrote对这件事的深入分析。

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