更改背景图像时白色闪烁

时间:2017-03-30 15:19:41

标签: html css css3

在我的网站上,我有一个模糊图像的div,我希望这个图像在悬停时逐渐变得模糊(使用transition-propertytransition-duration)。我准备了我的图像的两个不同版本,模糊和不模糊。问题在于,在线(即使我有光纤)并且在我的计算机上,在转换发生之前会有一个快速的白色闪烁。 为什么会这样,我该如何解决?

1 个答案:

答案 0 :(得分:0)

如果您不想使用css模糊图像,可以使用伪元素:after来堆叠图像。

你将模糊的模糊物放在模糊的物品上,opacity: 0悬停,你改为opacity:1

它不会以这种方式闪烁。