Cómo usar el Generador de box-shadow CSS
- Introduce tus datos (o deja vacíos los campos opcionales para obtener ideas aleatorias).
- Haz clic en “Generar” para obtener resultados nuevos al instante.
- Haz clic en un resultado para copiarlo, guarda favoritos con ♥ o descarga la lista completa.
Consejos
- Las sombras sutiles se ven más modernas que las pesadas.
- Superpón dos sombras para una profundidad realista.
- Usa más desenfoque en elementos elevados como modales.
Preguntas frecuentes
¿Qué hace box-shadow?
Añade una sombra alrededor del marco de un elemento: desplazamiento x, desplazamiento y, desenfoque, extensión y color.
¿Las sombras afectan al rendimiento?
Las sombras animadas muy grandes pueden hacerlo; las estáticas no son problema.
¿El Generador de box-shadow CSS es gratis?
Sí. El Generador de box-shadow CSS es 100 % gratuito, sin registro ni límites de uso en los resultados de plantilla. Los resultados con IA tienen un límite diario generoso para que el servicio siga siendo gratis para todos.
¿Guardáis lo que escribo?
Los generadores que funcionan en tu navegador nunca envían tus datos. Los generadores con IA envían tu texto a nuestro servidor solo para crear resultados; no lo vendemos ni lo compartimos.
Actualizado: