CSS Box Shadow Generator

Visually build CSS box-shadow declarations and copy the code.

H-Offset
5px

V-Offset
5px

Blur
15px

Spread
0px

Color

Inset

CSS

CSS Box Shadow Generator — Frequently Asked Questions

Box-shadow adds shadow effects around an element's frame. You control the horizontal and vertical offset, blur, spread, color, and inset.

CSS supports comma-separated shadow layers. This tool lets you preview and copy the exact box-shadow value to layer shadows.

Yes, box-shadow is supported in all modern browsers including Chrome, Firefox, Safari, and Edge.