CSS Box Shadow Generator

Build box shadows visually, stack multiple layers, and copy the CSS in one click.

Presets
Generated CSS
box-shadow: none;
Shadows (0 / 5)
No shadows yet — click "Add Shadow" to begin.
Shadow Settings
Horizontal Offset 4px
Vertical Offset 4px
Blur Radius 10px
Spread Radius 0px
Color
#000000
Opacity 25%

🔔 Need uptime monitoring? AlertsDock monitors your APIs and cron jobs — starting at $12/mo.