CSS转换(转换)闪烁

Question

我都试过了

-webkit-backface-visibility: hidden;

和

-webkit-perspective: 1000;

来解决触发转换但什么都不起作用时发生的闪烁问题。有没有其他方法来解决这个问题？

Answer 1

这相当不科学，但请尝试添加-webkit-transform: translate3d(0, 0, 0);

它应该没有什么不同(翻译成0,0,0的意思是“什么都不做”)，它在未来可能不会有什么不同，但它有时确实会强制3d-acceleration以一种可以平滑动画和过渡的方式使用。我发现它很好地整理出了一些在safari中可怕闪烁的动画。(在iPad上的safari中，闪烁非常非常可怕)。

这有点像20世纪90年代在网页上添加神奇的单词，但有时确实有效。