JSFiddle - React, Tailwind, and code Playground

Infinite borders using box-shadow

by Jennifer Perrin

HTML

<div></div>

CSS

div {
    background: #c4453c;
    height: 300px;
    margin: 50px auto;
    width: 400px;
    box-shadow: 0 0 0 5px  white,
                0 0 0 10px blue,
                0 0 0 15px orange,
                0 0 0 20px green,
                0 0 0 25px purple,
                0 0 0 30px yellow,
                0 0 0 35px red,
                0 0 0 40px black;
}