CSS Box Shadow Generator

Build multi-layer box shadows visually. Control offset, blur, spread, color, opacity, and inset. Copy ready-to-use CSS.

Preview
div
Shadow Layers
1/5
Layer 10px 4px 10px 0px rgba(0, 0, 0, 0.20)
Editing Layer 1
Offset X0px
Offset Y4px
Blur10px
Spread0px
Opacity20%
Color
#000000
Inset
CSS Output
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
Presets