如何在使用Webkit转换时修复闪烁＆amp; iOS 6中的过渡

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，因此using translate3d doesn't automatically trigger GPU acceleration。我认为现在人们正在采用不同的方法来弄清楚如何实现这一目标。

Answer 3

我最后通过将translate3d（0,0,0）应用于我正在转换的内容中的每个元素来解决这个问题。

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