使用Transition CSS时iPhone上的闪烁问题

Question

对于使用Transition CSS时iPhone上的闪烁问题，例如此链接：iPhone WebKit CSS animations cause flicker
 我的问题是＆＃34; -webkit-transform：translate3d（0,0,0）;}＆＃34;在概念上是否解决了这个问题？

Answer 1

声明-webkit-transform:translate3d(0,0,0);}激活hardware acceleration：iOS使用GPU代替CPU，结果更顺畅。
在3个方向上按0像素进行平移不会改变任何像素位置，所以它是安全的，除非它覆盖现有的变换。

编辑：它已经成为激活GPU几年的一种方式，但是 - 扩大了你的问题 - 它不是唯一的一个，Chrome正在改变或改变了它的合成/层系统。我没有彻底关注这些变化或激活它的新方法，但是你可以通过Paul Irish，Chromium博客，Google Devs或html5rocks <观看YT上的演示来学到很多东西。 / p>