CSS Box Shadow Generator
Build box shadows visually with live preview. Add multiple layers, adjust every parameter, and copy the CSS.
Presets
Shadow 1
Offset X4px
Offset Y4px
Blur10px
Spread0px
Color
#000000
Opacity0.25
Preview Box Settings
Background Color
#ffffff
Border Radius12px
Width240px
Height240px
Live Preview
Generated CSS
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);