Generador de sombras box-shadow
Diseña sombras CSS con desplazamiento, desenfoque, extensión, color y opacidad, incluidas sombras suaves en capas y sombras interiores.
Gratis · Sin subidas · Todo en tu dispositivo
Cómo usar Generador de sombras box-shadow
- Elige la configuración en el panel lateral.
- El resultado se actualiza al instante. Selecciona «Actualizar» para uno nuevo.
- Copia el resultado o descárgalo.
Privado por diseño. Todo lo que escribes, abres o grabas se procesa en esta pestaña del navegador y nunca se sube a KittySuite.
Acerca de Generador de sombras box-shadow
Las sombras en capas apilan varias sombras que crecen de tamaño y se desvanecen, lo que resulta más suave y natural que un único desenfoque grande. Mantén la opacidad baja sobre fondos claros; las interfaces oscuras necesitan sombras más fuertes para verse.
Todo se calcula en esta pestaña del navegador y nada de lo que introduces se envía a ningún sitio. Sigue funcionando sin conexión una vez cargada la página.
Preguntas antes de empezar
¿Mi contenido sale de mi dispositivo?
No se envía el contenido de ningún archivo ni el texto que escribes para procesarlo. Este sitio descarga su propio código y recursos cuando hace falta; la página de Privacidad explica las solicitudes al alojamiento y la caché del navegador.
¿Qué debo comprobar antes de usar Generador de sombras box-shadow?
Todo se calcula en esta pestaña del navegador y nada de lo que introduces se envía a ningún sitio. Sigue funcionando sin conexión una vez cargada la página.
¿Y si el resultado no me sirve?
Conserva tu original, vuelve a los ajustes e inténtalo de nuevo. Un archivo ilegible o con una estructura no compatible puede necesitar una nueva exportación desde su aplicación original.
¿Puedo usarlo en el móvil?
Los controles se adaptan a pantallas más pequeñas, pero los archivos grandes pueden superar la memoria del móvil. Usa un archivo más pequeño o trabaja por lotes si falla el procesamiento.