Generador de Gradiente CSS
Crea hermosos degradados CSS fácilmente con esta herramienta en línea gratuita. Admite degradados lineales y radiales, múltiples paradas de color y ajuste de ángulo.
Generador de Gradiente CSS
Crea hermosos degradados CSS fácilmente con esta herramienta en línea gratuita. Admite degradados lineales y radiales, múltiples paradas de color y ajuste de ángulo.
Acerca de los gradientes CSS
Genera una declaración background estándar
Los gradientes lineales usan el ángulo seleccionado en grados, mientras que los radiales usan la forma circle o ellipse seleccionada. El resultado copiado es una sola declaración background que puede pegar en una hoja de estilos.
Las paradas de color se ordenan por posición
Puede agregar varias paradas de color, elegir cada color y establecer su posición de 0 a 100 percent. El CSS generado ordena las paradas por posición antes de unirlas, lo que mantiene predecible la declaración del gradiente.
Preguntas Frecuentes
Preguntas y respuestas frecuentes sobre este tema.
¿Qué tipos de degradado se admiten?
Se admiten degradados lineales y radiales, con control total sobre ángulo, forma y posiciones de paradas de color.
¿Puedo agregar múltiples paradas de color?
Sí, agregue tantas paradas de color como necesite con posiciones personalizables para crear efectos de degradado complejos.
¿Genera código compatible con todos los navegadores?
Sí, genera sintaxis de degradado CSS estándar que funciona en todos los navegadores modernos.
¿Mis datos se envían a algún servidor?
No, la generación de CSS de degradado se realiza completamente en su navegador. Sus opciones de color y configuraciones se procesan localmente — nada se envía a ningún servidor.