이 이미지에 마우스 오버 매력적인 효과를 줄 수있는 방법 가능한 한 빨리 회신

Question

코드를 추가하면 마우스 오버가 가능한 한 빨리이 이미지에 매력적인 효과가 추가됩니다. 나는 시도했지만 작동하지 않았으므로 아무에게도 이것에 대해 어떤 생각이든 말해주십시오.

이미지

Answer 1

나는 흐림 효과를 사용하여이 작업을했다.

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

<div> 
 
    <img src="https://i.stack.imgur.com/9Z8Z9.png"> 
 
</div>