Shadowing

Shadow follows shape

by iamanubhavsaini

HTML

<div id="a"></div>
<div id="b"></div>

CSS

#a{
    height: 100px;
    width: 100px;
    background-color: transparent;
    box-shadow: 30px 30px 0 maroon, 200px 0 0 maroon;
}
#b{
    height: 100px;
    width: 100px;
    border-radius: 50px;
    background-color: green;
    box-shadow: 30px 30px 0 lime;
}