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 |