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.
Generador de box-shadow
Ajusta la sombra y copia el box-shadow listo para usar.
Generador de sombras CSS (box-shadow)
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).