Generador de box-shadow CSS — gratis en línea
Lograr que una sombra quede bien en CSS suele ser pura prueba y error. Cambias un número, recargas, vuelves a cambiarlo, y aun así se ve plana o demasiado pesada. Añadimos una herramienta gratuita que te deja ver la sombra mientras la creas — CSS Box Shadow Generator — directamente en tu navegador.
Qué hace
Diseñas una sombra CSS de forma visual. Mueves los controles del desplazamiento horizontal y vertical, el desenfoque, la extensión, el color y la opacidad, y la vista previa se actualiza al instante. Cuando se ve como quieres, copias el código CSS ya 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 que crear cuenta. Lo que diseñas se queda en tu pantalla.
Cómo usarla
- Abre CSS Box Shadow Generator.
- Mueve los controles de desplazamiento, desenfoque, extensión, color y opacidad hasta que la vista previa se vea bien.
- Copia el código 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.