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