Box Shadow Generator

Create CSS box shadows with multiple layers, inset shadows, and visual preview.

Shadow 1

X Offset: 0px

Y Offset: 4px

Blur: 6px

Spread: -1px

Color

Inset

Shadow 2

X Offset: 0px

Y Offset: 2px

Blur: 4px

Spread: -2px

Color

Inset

Presets

box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);

Features

See your shadow in real-time

Stack up to 5 shadows

X, Y, blur, spread, and color

Common shadow styles