Generador de CSS box-shadow - Constructor visual de sombras

Genere CSS box-shadow visualmente con vista previa en vivo

Herramientas CSS

Tool

Shadow 1

Offset X (5px)Offset Y (5px)Blur (15px)Spread (0px)

ColorInset

CSS

box-shadow: 5px 5px 15px 0px #00000040;

Cómo usar

1Ajuste los controles de sombra (desplazamiento X/Y, desenfoque, extensión, color)
2Active inset para sombras interiores
3Agregue múltiples capas de sombra si es necesario
4Copie el código CSS generado

La propiedad CSS box-shadow agrega efectos de sombra alrededor del marco de un elemento. Puede establecer múltiples efectos separados por comas.

Sí. Haga clic en "Agregar sombra" para superponer múltiples valores de box-shadow. Cada capa tiene controles independientes.