我的图像在悬停时闪烁



所以我有一些带有模糊滤镜的图像,当我将鼠标悬停在它们上时,它会闪烁,当我一遍又一遍地取下鼠标时,它会闪烁。我遇到过这个问题似乎随机出现,因为它发生在我所在的计算机上,但与其他时候相比,它是随机的。

我已经试过backface-visibility: visible|hidden|initial|inherit;我已经试过-webkit-transform: translateZ(0) scale(1.0, 1.0);我已经尝试过-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;

这些都没有产生任何影响。 这是我的代码 https://jsfiddle.net/leothetinyninja/wjnzof9x/如果您知道问题所在,请告诉我。

修复:我在默认值中添加了一个filter: blur(0.5px);,所以它总是这样,它似乎已经修复了它。谢谢大家的回答

尝试为悬停添加 1 秒的过渡。这将修复它,或者让您更好地了解正在发生的事情。

相关内容

  • 没有找到相关文章

最新更新