Generador de box-shadow CSS

Crea una declaración CSS box-shadow a partir del desplazamiento, desenfoque, expansión y color.

Gráficos Sin almacenamiento

Guía rápida

Prueba un ejemplo

Introduces

Desplazamiento horizontal (px)
0
Desplazamiento vertical (px)
4
Radio de desenfoque (px)
12
Expansión (px)
0
Color hexadecimal
#00000033
Posición de la sombra
Exterior

Obtienes

box-shadow: 0px 4px 12px 0px #00000033;
Cómo funciona y límites

Introduce longitudes en píxeles y un color hexadecimal de seis u ocho dígitos. Una expansión negativa reduce la sombra.