Generador CSS box-shadow online y gratuito. Ajusta desplazamiento, desenfoque, extensión y color con vista previa en vivo. Copia el código. En el navegador.
El generador de sombras CSS es una herramienta online gratuita que edita visualmente la propiedad box-shadow. Ajusta desplazamiento, desenfoque, extensión y color con controles y vista previa en tiempo real. Soporta múltiples sombras e inset. Procesamiento en el navegador, gratuito.
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Los archivos no se envían a ningún servidor
¿Cómo usar Generador de sombra?
Ajusta los valores de desplazamiento, desenfoque y extensión con los controles.
Establece el color y la opacidad de la sombra.
Copia el código CSS generado y úsalo en tu proyecto.
Preguntas frecuentes sobre Generador de sombra
¿Puedo añadir múltiples sombras a la vez?
Sí, puedes añadir múltiples sombras para crear efectos complejos de profundidad. Cada sombra se ajusta individualmente.
¿Qué es una sombra inset?
Una sombra inset aparece dentro del elemento en vez de fuera. Mientras box-shadow normal aparece fuera, inset crea un efecto hundido.