Diseño
Generador de sombra de caja CSS
Entrada
Ajusta desplazamiento, desenfoque, expansión y color para generar CSS box-shadow.
Offset X10px
Offset Y10px
Blur20px
Spread0px
Usa valores negativos para mover la sombra hacia la izquierda o arriba.
Salida
box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);Preguntas frecuentes
¿Qué parámetros ajusta Generador de sombra de caja CSSerator?
Desplazamiento, desenfoque, expansión, color e inset.
¿Cómo evitar sombras demasiado pesadas?
Reduce opacidad y blur excesivo para mantener jerarquía visual limpia.
¿Puedo copiar el CSS directamente?
Sí, normalmente la salida está lista para pegar en estilos.