Generador 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

Color

Inset

Shadow 2

X Offset: 0px

Y Offset: 2px

Blur: 4px

Spread: -2px

Color

Inset

Preajustes

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

Caracteristicas

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

[AUTO_TRANSLATED:es] Stack up to 5 shadows

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

[AUTO_TRANSLATED:es] Common shadow styles