JSFiddle - React, Tailwind, and code Playground

by joshvogt

HTML

<img src="http://lorempixum.com/300/300" alt="" tabindex="-1" />

CSS

img{
    opacity:.4;
    height:150px;
    width:150px;
    cursor:pointer;
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
    -o-transition:all 1s linear;
    -ms-transition:all 1s linear;
    transition:all 1s linear;
    }
    
    img:focus{
    opacity:1;
    height:300px;
    width:300px;
    outline:none;
    }

JavaScript

// CLICK THE IMAGE!