Gliora

Generador de gradientes CSS

Diseña tu gradiente y copia el CSS al instante.

Generador de gradientes CSS

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.

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.