小编典典

防止webkit-transform的webkit-transition闪烁

all

出于某种原因,就在我的 webkit-transform 属性动画出现之前,有轻微的闪烁。这是我正在做的事情:

CSS:

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

JavaScript:

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

就在过渡发生之前,有一个闪烁。知道为什么会这样,我该如何解决这个问题?

谢谢!

更新: 这只发生在 Safari 中。尽管动画确实有效,但它不会在 Chrome 中发生。


阅读 71

收藏
2022-08-24

共1个答案

小编典典

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

-webkit-backface-visibility: hidden;
2022-08-24