CSS Box Shadow Builder

A visual playground to design modern, beautiful, and complex layered CSS box shadows.
Tweak X/Y offsets, blur radius, spread radius, and colors to see changes in real-time.

.box {
  background-color: #38bdf8;
  box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.5);
}