css - 在 CSS 结尾 -webkit-transform ：翻译图像闪烁或闪烁

Question

当我测试-webkit-transform: translate(500px ,0)它时，它是否足够平滑，但是一旦完成 img，它就会移动闪烁或闪烁。我在安卓浏览器中测试过。

有什么办法可以摆脱这种闪烁？

我试图在 Android Market 应用程序中复制顶部横幅（在平板电脑上）。看起来这一切都是通过加载方式使用 HTML/CSS 完成的。

Answer 1

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

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

提高 HTML5 应用程序的性能

更新

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