我想知道为什么我在FireFox中使用transition: all 0.5s ease-out;
时会看到元素上的闪烁效果(截至本文撰写时最新)。这很难解释,但请看这里的实例:http://imaginary-material.launchpage.me/(查看徽标闪烁) - 这个问题在Safari或Chrome上不会发生。
在我的原始代码中,我将过渡应用于包裹a
和img
的{{1}}标记。从img
标记中删除translate
可以消除闪烁,从而解决了我的问题。然而,这仍然是一个谜,如果有人关心为什么它会导致闪烁,请这样做。
答案 0 :(得分:0)
找到你正在使用的解决方案非常大的图像[1024分辨率]而不是缩略图!
使用浅色图像进行无闪烁过渡!
尝试使用此图片src="http://placekitten.com/120/120"
演示它不会闪烁!经过