JSFiddle - React, Tailwind, and code Playground

by genelocklin

HTML

<figure>
    <img src="http://placehold.it/320x320" />
</figure>

CSS

*{margin:0;padding:0;}
img{max-width:100%;height:auto;}
body{margin:3em auto;max-width:320px;}

/* begin post code */
figure { position: relative; }

figure:after {
    content:"";     
    height: 100%; width: 100%;
    position: absolute;
    top: 0; left: 0;}
    
figure:hover:after  { 
  background: rgba(0,0,0,.75)...

JavaScript

// http://bit.ly/sUWI6A