JSFiddle - React, Tailwind, and code Playground
HTML
<img src="http://izaak.jellinek.com/tuxes/images/BabyTuxSit.png">>
<p class="floutage">Lorem Ipsum Dolor Sit Amet...</p>
CSS
p{
position: absolute;
top: 200px;
left: 200px;
}
img{
position: absolute;
width: 25%;
top: 200px;
left: 250px;
}
p, img {
transition: all 1s linear;
}
.floutage{
-webkit-filter: blur(20px);
opacity:0;
}
JavaScript
var elements = $('img, p'); // selectionne image et texte
elements.click(function(){ elements.toggleClass("floutage"); });