JSFiddle - React, Tailwind, and code Playground

by EwertonRSilveira

HTML

<!doctype html>
<div>
    <div></div>
    <div class="div2"></div>
</div>

https://css-tricks.com/snippets/css/css-box-shadow/

CSS

div{ margin-bottom:10px;}
div>*{
    background:#F0F0F0;
    //border: 1px solid blue;
    height:200px;
    width:200px;

    box-shadow: inset 0 -4px 0px -1px blue;
}

.div2{
    background:#F8F8F8;
    border: 1px solid black;
    height:200px;
    width:200px;

    box-shadow: inset 0 -10px 10px -10px black;
}