【问题标题】：At the end of a CSS -webkit-transform: translate the image flashes or flickers在 CSS 结尾 -webkit-transform ：翻译图像闪烁或闪烁
【发布时间】：2012-01-11 00:46:43
【问题描述】：
当我测试-webkit-transform: translate(500px ,0) 时，它足够平滑，但是一旦完成 img，它就会移动闪烁或闪烁。我在 Android 浏览器中进行了测试。
有什么办法可以消除这种闪烁？
我正在尝试在 Android Market 应用中复制顶部横幅（在平板电脑上）。看起来它的加载方式都是用 HTML/CSS 完成的。
【问题讨论】：
标签：
css
css-transitions
android-browser
translate-animation
【解决方案1】：
-webkit-backface-visibility 应该是您的问题，但为了确保所有设备上的性能最佳，缓存 DOM 并使用 translate3d，因为它是 GPU 加速的。
这是一个很好的资源，可以帮助您提高所有设备的性能。
Improving Performance of HTML5 App
更新
translate3d 和其他 3d 属性不再在 Mac OS X Mountain Lion 或 iOS 6+ 上进行硬件加速，请注意。