出于某种原因,就在我的 webkit-transform 属性动画出现之前,有轻微的闪烁。这是我正在做的事情:
CSS:
#element { -webkit-transition: -webkit-transform 500ms; }
JavaScript:
$("#element").css("-webkit-transform", "translateX(" + value + "px)");
就在过渡发生之前,有一个闪烁。知道为什么会这样,我该如何解决这个问题?
谢谢!
更新: 这只发生在 Safari 中。尽管动画确实有效,但它不会在 Chrome 中发生。
对于您的元素,您需要设置
-webkit-backface-visibility: hidden;