CSS Box-Shadow Generator
CSS shadows without guesswork
The generator builds the box-shadow property visually. Set offset, blur, spread, color and opacity – the preview updates instantly and the finished CSS code appears below.
- Offset X/Y: Moves the shadow horizontally and vertically (negative values too).
- Blur: Higher values make the edge softer. Spread grows or shrinks the shadow.
- Inset: Creates an inner shadow instead of a drop shadow.