CSS Transition (Translate) 闪烁

Question

我都试过了

-webkit-backface-visibility: hidden;

和

-webkit-perspective: 1000;

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

Answer 1

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

应该没什么区别(毕竟 0,0,0 的翻译意思是“什么都不做”)，将来可能没什么区别，但它有时会强制在这种情况下使用 3d 加速可以平滑动画和过渡的方式。我发现它很好地整理了一些在 safari 中可怕地闪烁的动画。 (在 iPad 上的 safari 中，闪烁真的非常可怕)。

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