Generador de Degradados CSS
Crea degradados lineales, radiales o cónicos, añade paradas de color y ajusta la dirección; copia el CSS con un clic.
Cada degradado se genera en tu navegador. Nada de lo que ajustes aquí se sube a BroBroGo.
Preguntas frecuentes
¿Qué diferencia hay entre un degradado lineal, radial y cónico?
Un degradado lineal mezcla los colores a lo largo de una línea recta que orientas con un ángulo. Uno radial los expande desde el centro hacia fuera, en círculo o elipse. Uno cónico los gira alrededor del centro, como una rueda de color.
¿Qué son las paradas de color?
Cada parada de color es un color fijado en una posición del degradado: 0 % al principio y 100 % al final. Mueve una parada para cambiar dónde predomina su color, o añade más para una mezcla más rica. Puedes usar hasta ocho.
¿Cómo controlo la dirección?
En un degradado lineal o cónico, el control de ángulo marca la dirección: 0° apunta hacia arriba y 90° hacia la derecha. El radial no tiene ángulo; elige forma de círculo o elipse para cambiar cómo se expande.