GEN-10Generadores
Generador de box-shadow
Sombra CSS con vista previa
GEN-10Resultado
Tus datos nunca salen de tu dispositivo: la herramienta funciona localmente en el navegador.
Generador de box-shadow
Ajusta el desplazamiento, el desenfoque, la extensión y el color de la sombra, y copia la regla CSS box-shadow lista. La vista previa muestra cómo se ve la sombra en una tarjeta.
Preguntas frecuentes
¿Qué hace el parámetro spread?
Un valor positivo expande la sombra antes del desenfoque; uno negativo la encoge.
¿Cómo logro una sombra suave y elegante?
Desenfoque grande (30–60px), desplazamiento pequeño y opacidad baja (0.1–0.2).