Generador de sombras (box-shadow)

Crea un box-shadow de CSS de forma visual, con soporte para varias capas apiladas y sombras internas (inset).


          
        

Preguntas frecuentes

¿Qué hace "Inset"?

Cambia la sombra de fuera de la caja a dentro, creando un aspecto tallado hacia dentro en lugar de flotante.

¿Puedo apilar varias sombras?

Sí, haz clic en «Añadir capa de sombra» para apilar más sombras, algo que box-shadow de CSS admite de forma nativa con valores separados por comas. Combinar una sombra suave y grande con otra más ajustada y oscura es una forma habitual de conseguir un efecto de profundidad más realista.

¿Se envía esto a algún sitio?

No, la vista previa y el CSS se generan por completo en tu navegador. No se sube nada.