css - 如何让mouseover吸引人的效果尽快回复这张图片

Question

尽快给我添加鼠标悬停吸引人的效果到这个图像的代码。我尝试了但没有成功，所以任何人对此有任何想法然后告诉我。

图片

Answer 1

我通过使用模糊效果做到了这一点。

img{
  width:100px;
  height:100px;
  -webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
img:hover{
  width:100px;
  height:100px;
  -webkit-filter: blur(0);
	filter: blur(0);
}

<div>
  <img src="/image/9Z8Z9.png">
</div>