¿Puedo superponer varias sombras?

Sí. Apila varias sombras para crear una profundidad realista.

Código CSS de box-shadow listo para usar.

¿Puedo verlo en vivo?

Sí. Una vista previa se actualiza según ajustas los valores.

design

Generador de sombras

DESIGNFREE · NO SIGNUP

Crea y exporta sombras CSS por capas

Canvas

Layer 1

inset

X offset0px

Y offset8px

Blur24px

Spread-4px

Opacity25%

CSS

box-shadow: 0px 8px 24px -4px rgba(0, 0, 0, 0.25);

El generador de box-shadow te ayuda a crear sombras CSS por capas de forma visual y exportar el código. Apila varias sombras para dar profundidad y copia el CSS listo para usar.

Cómo usar Generador de sombras

01Ajusta desplazamiento, desenfoque, expansión y color.
02Añade más capas para dar profundidad si quieres.
03Copia el CSS generado.

Preguntas frecuentes

¿Puedo superponer varias sombras?: Sí. Apila varias sombras para crear una profundidad realista.
¿Qué exporta?: Código CSS de box-shadow listo para usar.
¿Puedo verlo en vivo?: Sí. Una vista previa se actualiza según ajustas los valores.
¿Es gratis?: Sí, gratis y sin registro.

● client-side● no upload● privacy-safe

design › shadow