Fondos con degradado en segundos
Ajusta colores, tipo y ángulo y obtén el CSS exacto, con vista previa en tiempo real. Sin recordar la sintaxis de linear-gradient.
Generador de gradientes CSS
Diseña tu gradiente y copia el CSS al instante.
Generador de gradientes CSS
Preguntas frecuentes
¿Cómo uso el código generado?
Copia la línea (por ejemplo, background: linear-gradient(...)) y pégala en la regla CSS del elemento que quieras.
¿Diferencia entre lineal y radial?
El gradiente lineal transiciona en una dirección (según el ángulo); el radial parte del centro hacia fuera en círculo.
Inserta esta calculadora en tu web
Copia este código y pégalo en tu página o blog. Es gratis y se actualiza sola.