防止在webkit-transform的webkit-transition上闪烁

Question

出于某种原因，在我的webkit-transform属性动画出现之前，有轻微的闪烁。这是我在做什么：

CSS：

#element {
    -webkit-transition: -webkit-transform 500ms;
}

JavaScript：

$("#element").css("-webkit-transform", "translateX(" + value + "px)");

在过渡发生之前，会出现闪烁。知道为什么会这样，如何解决这个问题？

谢谢！

更新： 仅在Safari中发生。尽管动画可以工作，但在Chrome中不会发生这种情况。

Answer 1

这里提到了解决方案：[iPhone WebKitCSS动画会导致闪烁]。

对于您的元素，您需要设置

-webkit-backface-visibility: hidden;