Saltar al contenido

Generador de sombras de caja

Crea profundidad capa a capa. Mueve la luz, ajusta la suavidad y el color, y copia una sombra lista para usar en producción.

Vista previa en tiempo real

Arrastra la luz o usa las teclas de flecha para mover la sombra seleccionada.

Capas de sombra

Hasta 8 capas. La primera capa activada se sitúa encima.

box-shadow: 0px 12px 32px -8px #0f172a33;

Todo permanece en tu navegador.

Referencias de formatos

Página de la herramienta actualizada: