JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<div id="shadow"></div>
<div id="shadow1"></div>

CSS

div#shadow {
    position: absolute;
    background-color: transparent;
    top: 0;     
    left: 100px;
    width: 300px;
    height: 200px;
    box-shadow: 100px 100px 100px gray;
}

div#shadow1 {
    position: absolute;
    background-color: transparent;
    top: 400px;     
    left: -9999px;
    width: 300px;
    height: 200px;
    box-shadow: 10199px 100px 100px gray;
}