🌙 Dark Mode

CSS Box Shadow Generator Online

CSS Box Shadow Generation Online Instantly

Shadow controls

Offset X (px) 10

Offset Y (px) 10

Blur radius (px) 20

Spread radius (px) 5

Shadow color & opacity

50%

Shadow type

Pro tip: Set negative values for offset X/Y to move shadow opposite direction. Spread positive = expansion, negative = shrinkage.

Live preview

Box shadow applied dynamically

outset

Output CSS code

box-shadow: 10px 10px 20px 5px rgba(10, 43, 59, 0.5);

Copied to clipboard!