Herramientas Dev
Generador de Box Shadow
Ajusta desplazamiento, desenfoque, extensión, color e inserción — obtén código CSS listo.
Esc Borrar
Shadow
Vista previa
Código CSS
Qué hace Generador de Box Shadow?
Genera propiedades CSS box-shadow visualmente y copia el código.
Cómo usar Generador de Box Shadow?
- Ajusta el desplazamiento, desenfoque, dispersión y color de la sombra con los controles.
- Previsualiza la sombra en un elemento en vivo.
- Copia el código CSS generado.
Características principales
- Editor visual con vista previa de sombra en tiempo real.
- Compatible con sombras internas (inset) y múltiples.
- Genera código CSS limpio y listo para usar.
Preguntas frecuentes
¿Puedo añadir varias sombras?
Sí, puedes apilar múltiples box-shadows separándolas con comas en el CSS.
¿Qué es el radio de dispersión?
El radio de dispersión controla cuánto se expande la sombra más allá del desenfoque; un valor positivo la hace mayor, uno negativo la reduce.
¿Es gratuita esta herramienta?
Sí, esta herramienta es completamente gratuita y no requiere registro.
¿Se guardan mis datos?
No. Todos los cálculos se realizan solo en tu navegador — no se envía información a ningún servidor.