Générateur de Box Shadow

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

Shadow 1

X Offset: 0px

Y Offset: 4px

Blur: 6px

Spread: -1px

Couleur

Inset

Shadow 2

X Offset: 0px

Y Offset: 2px

Blur: 4px

Spread: -2px

Couleur

Inset

Préréglages

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

Fonctionnalites

[AUTO_TRANSLATED:fr] See your shadow in real-time

[AUTO_TRANSLATED:fr] Stack up to 5 shadows

[AUTO_TRANSLATED:fr] X, Y, blur, spread, and color

[AUTO_TRANSLATED:fr] Common shadow styles