JSFiddle - React, Tailwind, and code Playground

by Shanna Barnard

HTML

<img src="http://www.w3schools.com/tags/smiley.gif" alt="Smiley face" height="42" width="42">

CSS

img  {
    opacity: 1;
    transition: all 4s ease; 
}
img:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
    width: 84px; /* twice the original size */
    height: 84px; /* twice the original size */
}