JSFiddle - React, Tailwind, and code Playground

by Mahdi Dibaiee

HTML

<div>
    <img src="https://www.evernote.com/shard/s592/sh/d47b8714-581a-43f8-8a95-145ffb09dec3/5f708b88beb6c15f/res/3544c756-5758-425a-a2e7-d5ce7fb81d31/IMG_20140615_170111.jpg?resizeSmall&width=100" width="300">
</div>

CSS

div {
    
}

img {
    transition: filter 1s ease;
    -webkit-transition: -webkit-filter 1s ease;
}
img:hover {
    filter: blur(2px) contrast(2) brightness(5);
    -webkit-filter: blur(2px) contrast(2) brightness(5);
}