我在Chrome和Safari中的不透明度转换方面存在错误。当我将鼠标悬停在父div上,触发子div上从0到1的不透明度转换时,子div下面的内容会抖动一段时间。
我尝试在-webkit-font-smoothing: antialiased;
上使用body
,但效果仍然存在。有什么想法吗?您可以看到问题here(使用Chrome或Safari,将鼠标悬停在顶部菜单中的“帐户”链接上,您会看到闪烁)。
答案 0 :(得分:5)
如果您想设置一揽子声明,请将-webkit-backface-visibility: hidden;
添加到元素,或添加到*
的所有元素。
更详细地描述该问题的一些链接:
Prevent flicker on webkit-transition of webkit-transform
How to fix flicker when using Webkit transforms & transitions