Shadowing

Shadow follows shape

by jshacker

HTML

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

CSS

#a {
  height: 100px;
  width: 100px;
  background-color: blue;
  box-shadow:
    30px 30px 0 maroon,
    200px 0 0 maroon;
}
#b {
  height: 100px;
  width: 100px;
  border-radius: 50px;
  background-color: green;
  box-shadow:
    10px 10px 1px #00ff00,
    20px 20px 1px #11ff11,
    30px 30px 1px #22ff22,
    40px 40px 1px #33ff33,
    50px 50px 1px #44ff44,
    60px 60px 1px #55ff55;
}