Box Shadow Generator

Visually build CSS box shadows with live preview.

Preview

Live box-shadow. Change offset, blur, spread and color on the right.

CSS

.shadow { box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1); }

Offset, blur, spread & color

Horizontal offset0px

Vertical offset10px

Blur radius25px

Spread radius-5px

Color

Mode

Inset draws shadow inside the box.