Cómo usar Generador de degradados CSS

La respuesta corta

Para crear un degradado CSS, elige lineal, radial o cónico, añade paradas de color, arrastra sus posiciones y ajusta el ángulo. Copia el CSS de background, que funciona en todos los navegadores modernos sin prefijos.

Funciona en tu navegador. Lo que introduces no se sube.

Cómo se usa

Escribe o pega tu texto en la herramienta.

Elige las opciones que necesites.

Mira cómo el resultado se actualiza al instante.

Copia o descarga el resultado.

Límites que conviene conocer

¿Necesito prefijos -webkit-? No. Los degradados sin prefijo funcionan en todos los navegadores publicados desde 2013.

¿Cómo hago un corte de color nítido? Pon dos paradas en la misma posición, por ejemplo red 50%, blue 50%.