Box Shadow Generator
Generate CSS box-shadow values with a visual preview. Create shadows with custom offset, blur, spread, and color.
Shadow Properties
Visual Preview
Preview
Generated CSS
About Box Shadow
Box shadow adds shadow effects around an element's frame. You can specify multiple shadows separated by commas.
- Offset X/Y: Horizontal and vertical offset of the shadow
- Blur: The blur radius (higher = more blur)
- Spread: The spread radius (positive = expand, negative = shrink)
- Color: The color of the shadow
- Inset: Changes the shadow from outer to inner