Generador de sombras CSS
Genera sombras CSS con vista previa en tiempo real. Ajusta desplazamiento, desenfoque, extensión, color y opacidad — luego apila hasta 4 sombras y copia el CSS.
Preguntas frecuentes
¿Qué es una sombra CSS box-shadow?
La propiedad CSS box-shadow adjunta uno o más efectos de sombra al marco de un elemento. Puedes controlar el desplazamiento horizontal y vertical (posición), el radio de desenfoque (suavidad), el radio de extensión (tamaño), el color y si la sombra es interior o exterior.
¿Qué hace "interior" (inset)?
Sin inset, una sombra de caja se dibuja fuera del elemento como una sombra proyectada. Con inset, la sombra se dibuja dentro del borde del elemento, dando un efecto de brillo interior o de superficie presionada.
¿Puedo apilar múltiples sombras de caja?
Sí — CSS permite múltiples sombras separadas por comas en una sola propiedad box-shadow. Usa "Agregar capa de sombra" para crear hasta 4 sombras en capas. La primera sombra de la lista se dibuja encima.