出于某种原因,在我的webkit-transform属性动画出现之前,有轻微的闪烁。这是我在做什么:
CSS:
#element { -webkit-transition: -webkit-transform 500ms; }
JavaScript:
$("#element").css("-webkit-transform", "translateX(" + value + "px)");
在过渡发生之前,会出现闪烁。知道为什么会这样,如何解决这个问题?
谢谢!
更新: 仅在Safari中发生。尽管动画可以工作,但在Chrome中不会发生这种情况。
这里提到了解决方案:[iPhone WebKitCSS动画会导致闪烁]。
对于您的元素,您需要设置
-webkit-backface-visibility: hidden;