JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://i.imgur.com/Vp5StNs.png" class="img-blur">

CSS

.img-blur {
    transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}
.img-blur:hover {
    filter: blur(4px);
    -moz-filter: blur(4px);
    -webkit-filter: blur(4px);
    transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in;
}