JSFiddle - React, Tailwind, and code Playground

by Vertigo

HTML

<div class="bb">
    <div class="b1"></div>
    <div class="b2"></div>
    <div class="b3"></div>
</div><!-- bb -->

CSS

.bb {
    position: relative;
    width: 100px;
    height: 100px;
}
.b1, .b2, .b3 {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    position: absolute;
}
.b1 {   
    background: #fff;
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 1;
}
.b2 {
    background: #fff;

    top: 3px;
    left: 3px;
    z-index: 2;
}
.b3 {
    background: #716b6b;
    top: 0;
    left: 0;
    z-index: 3;
}