ipad - 如何在 iOS 6 中使用 Webkit 变换和过渡时修复闪烁

Question

我们为 ipad 构建了一个 HTML5 应用程序，它使用 Webkit 转换和动画转换。过去，我们不得不使用-webkit-transform: translate3d(0,0,0);启用硬件加速来防止动画闪烁并显得流畅。我们已经更新到 iOS 6，但这种技术似乎不再有效。是否有一种新方法可以在 iOS 6 中为动画调用硬件加速？

Answer 1

试试这个：

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

Answer 2

Apple 在 iOS6 中更改了 safari，因此使用 translate3d 不会自动触发 GPU 加速。我认为人们现在正在使用不同的方法来弄清楚如何实现这一点。

Answer 3

我最终通过将 translate3d(0, 0, 0) 应用于我正在转换的每个元素来解决这个问题。

.content * { -webkit-transform:translate3d(0,0,0); }