css - CSS 过渡（翻译）闪烁

Question

我都试过了

-webkit-backface-visibility: hidden;

和

-webkit-perspective: 1000;

解决触发转换时发生的闪烁，但没有任何效果。有没有其他方法可以解决这个问题？

Answer 1

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

它应该没有什么区别（0,0,0 的翻译毕竟意味着“什么都不做”），它可能在未来没有任何区别，但它有时会强制以这样的方式使用 3d 加速平滑动画和过渡。我发现它很好地整理了一些在 safari 中可怕地闪烁的动画。（并且在 iPad 上的 safari 中闪烁非常非常可怕）。

这有点像 1990 年代将魔术词添加到网页，但有时确实有效。