JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body">
<div class="blur"></div>
<div class="solid"></div>
<div class="multiple"></div>
</div>

CSS

#body {
    width: 540px ;
    height: 405px ;
    border: 1px #ccc solid ;
    margin:20px ;
}

div div {
    width: 300px ;
    height: 60px ;
    background: #ccc ;
    margin:55px auto ;
}
.blur {
    box-shadow: 0 0 5px 0px #000 ;
}
.solid {
    box-shadow: 0 0 0 5px #000 ;
}
.multiple {
    box-shadow: 0 0 0  5px #000,
                0 0 0  5px #333 inset,
                0 0 0 10px #666 inset,
                0 0 0 15px #999 inset,
                0 0 0 20px #ccc inset,
                0 0 0 25px #fff inset;
}