Generador de box-shadow — gratis y online
Conseguir que una sombra quede bien escribiendo números a mano es lento. Cambias un valor, recargas, miras de reojo, lo cambias otra vez. La mayoría solo queremos ver cómo se mueve la sombra mientras la ajustamos. Hemos añadido una herramienta gratuita que hace justo eso — Box-Shadow Generator — desde tu navegador.
Qué hace
Diseñas la sombra a ojo. Arrastra los controles del desplazamiento horizontal y vertical, del desenfoque, de la extensión y del color, y cámbiala a sombra interior (inset) cuando la necesites. Puedes apilar varias capas de sombra una sobre otra, y el CSS correspondiente se escribe solo mientras ajustas. Cuando queda como quieres, copias el código listo.
Nada sale de tu dispositivo
Todo funciona dentro de tu navegador. No se sube nada, no se guarda nada en un servidor y no hay cuenta. Cierras la pestaña y desaparece.
Cómo se usa
- Abre el Box-Shadow Generator y arrastra los controles de desplazamiento, desenfoque, extensión y color.
- Añade más capas o activa inset hasta que la sombra quede como quieres.
- Copia el CSS y pégalo en tu hoja de estilos.
Es gratis y sin límite. Hay más herramientas pequeñas en la página de Apps.