可能重复:
iphone webkit css动画导致闪烁
出于某种原因,在我的webkit-transform属性动画发生之前,有轻微的闪烁.这是我在做的事情:
CSS:
#element {
-webkit-transition: -webkit-transform 500ms;
}
JavaScript的:
$("#element").css("-webkit-transform", "translateX(" + value + "px)");
在转换发生之前,有一个闪烁.知道为什么会这样,以及我如何解决问题？
谢谢!
更新:这只发生在Safari中.虽然动画确实有效,但在Chrome中却不会发生这种情况.
我有一个关于Chrome和Safari中不透明度转换的错误.当我将鼠标悬停在父div上,触发子div上从0到1的不透明度转换时,子div下面的内容会抖动一段时间.
我已经尝试使用-webkit-font-smoothing: antialiased;上body,但效果仍然存在.有什么想法吗？您可以在此处查看问题(使用Chrome或Safari,将鼠标悬停在顶部菜单中的"帐户"链接上,您会看到闪烁).