この画像にマウスオーバーの魅力的な効果を与える方法

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>