JSFiddle - React, Tailwind, and code Playground

by mrleroylee

HTML

<div id="main">main</div>

CSS

#main { position: absolute; top:10px; left: 10px; width: 100px; height: 100px; background: red; }
#main:before { content: 'before'; display: block; position: absolute; top: 5px; left: 5px; width: 100px; height: 100px; background: green; }
#main:after { content: 'after'; display: block; position: absolute; top: 10px; left: 10px; width: 100px; height: 100px; background: yellow; }

/*#main { z-index: 1; }*/
#main:before { z-index: -1; }
#main:after{ z-index: -2; }