Quick guide
Try an example
You enter
- Horizontal offset (px)
0
- Vertical offset (px)
4
- Blur radius (px)
12
- Spread (px)
0
- Hex color
#00000033
- Shadow position
Outside
You get
box-shadow: 0px 4px 12px 0px #00000033;
How it works and limits
Enter lengths in pixels and a six- or eight-digit hex color. Negative spread shrinks the shadow.