CSS Box Shadow Generator
Generate box-shadow CSS with live preview and presets
Layers
Offset X
Offset Y
Blur
Spread
Color 25%
Inset
CSS - paste or edit
Examples
| Preview | Name | Category | Layers | Apply |
|---|---|---|---|---|
| Soft | classic | 1 | ||
| Hard | classic | 1 | ||
| Glow | classic | 1 | ||
| Inset Pressed | classic | 2 | ||
| Neumorphism | neumorphism | 2 | ||
| Neon | glow | 3 | ||
| Matrix | glow | 3 | ||
| Vaporwave | glow | 3 | ||
| Torch | glow | 4 | ||
| Aurora | glow | 4 | ||
| Rainbow | multicolor | 6 | ||
| Inferno | multicolor | 7 | ||
| Cyberpunk | multicolor | 4 | ||
| Galaxy | multicolor | 4 | ||
| Pop Art | multicolor | 2 | ||
| 3D Extrude | depth | 6 | ||
| Floating | depth | 2 | ||
| Pile | depth | 5 | ||
| Rings | depth | 7 | ||
| Pyramid | depth | 11 | ||
| Ice | inset | 3 | ||
| Horror | inset | 3 | ||
| Well | inset | 3 |