JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>

CSS

div { width: 100px;
      height: 100px;
      border:1px solid black;
      float: left;
      margin-right: 100px; }
#box1 { box-shadow: 20px 20px }
#box2 { box-shadow: 20px 20px 10px }
#box3 { box-shadow: 20px 20px 10px blue }