Gliora

Generador de box-shadow

Ajusta la sombra y copia el box-shadow listo para usar.

Generador de sombras CSS (box-shadow)

Sombras a medida

Controla cada parámetro de la sombra y míralo en tiempo real sobre una caja de ejemplo. Copia el box-shadow exacto cuando te guste el resultado.

Preguntas frecuentes

¿Qué significa cada valor de box-shadow?
En orden: desplazamiento horizontal (X), vertical (Y), difuminado (blur), extensión (spread) y color. La palabra inset hace que la sombra sea interior.
¿Cómo controlo la transparencia?
Con la opacidad: el color se exporta en formato hexadecimal de 8 dígitos (con canal alfa).