Generador de box-shadow CSS

Genera declaraciones CSS box-shadow visualmente — sin subidas.

4px
4px
10px
0px
Salida CSS


Crea sombras CSS en línea

Ajusta el desplazamiento horizontal y vertical, el radio de desenfoque, la expansión, el color y el interruptor de inset para crear la sombra perfecta. El CSS se actualiza en tiempo real para copiarlo directamente en tu hoja de estilos.

Todo funciona localmente en tu navegador — tu trabajo nunca sale de tu equipo.

Preguntas frecuentes

¿Puedo usar varias sombras? Sí — copia el valor generado y separa varios valores con una coma en tu CSS.

¿Se envían mis datos? No — todo ocurre en tu navegador.

Herramientas relacionadas

Herramientas populares