FireFox css过渡'transition-all'会在悬停和其他意外情况下产生闪烁

时间:2014-07-31 13:56:02

标签: css css3 firefox transitions

我想知道为什么我在FireFox中使用transition: all 0.5s ease-out;时会看到元素上的闪烁效果(截至本文撰写时最新)。这很难解释,但请看这里的实例:http://imaginary-material.launchpage.me/(查看徽标闪烁) - 这个问题在Safari或Chrome上不会发生。

更新

在我的原始代码中,我将过渡应用于包裹aimg的{​​{1}}标记。从img标记中删除translate可以消除闪烁,从而解决了我的问题。然而,这仍然是一个谜,如果有人关心为什么它会导致闪烁,请这样做。

1 个答案:

答案 0 :(得分:0)

找到你正在使用的解决方案非常大的图像[1024分辨率]而不是缩略图!

使用浅色图像进行无闪烁过渡!

尝试使用此图片src="http://placekitten.com/120/120"演示它不会闪烁!经过