CSS Box Shadow Generator

Create CSS box shadows visually with live controls and copy ready-to-use CSS.

Shadow Controls

Shadow Presets

Horizontal Offset

Vertical Offset

Blur Radius

Spread Radius

Opacity

Shadow Color

Preview

Background Color

Box Color

box-shadow: 0px 8px 24px -4px rgba(0, 0, 0, 0.14);

Generated locally in your browser