Generador de Sombra CSS
Generador de sombras CSS en línea gratuito. Crea sombras complejas y en capas con vista previa en tiempo real.
Generador de Sombra CSS
Generador de sombras CSS en línea gratuito. Crea sombras complejas y en capas con vista previa en tiempo real.
Acerca de CSS box-shadow
Crea capas de sombra separadas por comas
Cada capa se convierte en una entrada box-shadow con inset opcional, desplazamiento horizontal, desplazamiento vertical, radio de desenfoque, radio de expansión y color. Varias capas se unen en la misma declaración, siguiendo la sintaxis estándar de CSS box-shadow.
Los colores de caja son ajustes de vista previa
Los colores de fondo y caja ayudan a comprobar cómo funciona la sombra sobre superficies claras o con color. No se incluyen en el fragmento copiado, que solo contiene la declaración box-shadow generada.
Preguntas Frecuentes
Preguntas y respuestas frecuentes sobre este tema.
¿Qué propiedades puedo personalizar?
Puede personalizar el desplazamiento horizontal y vertical, el radio de desenfoque, el radio de expansión, el color de la sombra y activar sombras interiores.
¿Puedo agregar múltiples sombras?
Sí, agregue múltiples capas de sombra para efectos de profundidad complejos. Cada capa puede tener sus propias configuraciones de desplazamiento, desenfoque, expansión y color.
¿Genera código compatible con todos los navegadores?
Sí, la propiedad CSS box-shadow estándar funciona en todos los navegadores modernos sin prefijos de proveedor.
¿Mis datos se envían a algún servidor?
No, la generación de CSS box-shadow se ejecuta completamente en su navegador. Sus configuraciones de sombra se procesan localmente con JavaScript y nunca salen de su dispositivo.