ad

Box Shadow Generator

Build CSS box shadows visually — adjust offset, blur, spread, and opacity.

BG

Box

Radius12px

Shadow 1Inset

X0px

Y4px

Blur20px

Spread0px

Opacity25%

box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);

Features

Multiple shadow layers
Inset shadow support
Live preview with customizable background and box colors
Border radius control

ad