在CSS -webkit-transform:转换的图像闪烁或闪烁的结束



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

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

我试图复制Android Market应用程序的顶部横幅(在平板电脑上)。从它加载的方式来看,这一切似乎都是用HTML/CSS完成的。

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

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

改进HTML5应用程序的性能

更新

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

相关内容

  • 没有找到相关文章

最新更新