在我的网站上,我有一个模糊图像的div,我希望这个图像在悬停时逐渐变得模糊(使用transition-property
和transition-duration
)。我准备了我的图像的两个不同版本,模糊和不模糊。问题在于,在线(即使我有光纤)并且在我的计算机上,在转换发生之前会有一个快速的白色闪烁。
为什么会这样,我该如何解决?
答案 0 :(得分:0)
如果您不想使用css模糊图像,可以使用伪元素:after
来堆叠图像。
你将模糊的模糊物放在模糊的物品上,opacity: 0
悬停,你改为opacity:1
它不会以这种方式闪烁。