<div class="test3"></div>
.test3,
.test3:before {
content: "";
display: table;
width: 170px;
height: 170px;
box-shadow: inset 0 0 0 5px teal, inset 0 0 0 10px black,
inset 0 0 0 15px orange, inset 0 0 0 20px black, inset 0 0 0 25px teal,
inset 0 0 0 30px black, inset 0 0 0 35px orange, inset 0 0 0 40px black;
}
.test3:before {
margin: 40px 0 0 40px;
width: 90px;
height: 90px;
background: teal;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.