防止webkit-transform的webkit转换闪烁

Question

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

CSS：

#element {

    -webkit-transition: -webkit-transform 500ms;

}

JavaScript的：

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

在转换发生之前，有一个闪烁。知道为什么会这样，以及我如何解决问题？

谢谢！

更新：这只发生在Safari中。虽然动画确实有效，但在Chrome中却不会发生这种情况。

Answer 1

这里提到了解决方案：iPhone WebKit CSS动画导致闪烁。对于您的元素，您需要设置-webkit-backface-visibility: hidden;