在CSS -webkit-transform结束时：翻译图像闪烁或闪烁

Question

当我测试一个-webkit-transform: translate(500px ,0)时，它会很顺利，但是一旦它完成了img，它就会闪烁或闪烁。我在Android浏览器中测试过。

有没有办法摆脱这种闪烁？

我试图复制Android Market应用中的顶部横幅（在平板电脑上）。它似乎是通过加载的方式完成HTML / CSS。

Answer 1

-webkit-backface-visibility应该是您的问题，但要确保性能在所有设备上都是最佳的，请缓存DOM并使用translate3d，因为它是GPU加速的。

这是一个很好的来源，可以帮助您提高所有设备的性能。

Improving Performance of HTML5 App

更新

translate3d和其他3d属性在Mac OS X Mountain Lion或iOS 6+上不再是硬件加速，请注意。