Generador de Degradados CSS Crea hermosos degradados lineales, radiales y cónicos en CSS con múltiples paradas de color y control de ángulo.

Los degradados CSS se definen utilizando la propiedad background o background-image. Los degradados lineales utilizan la función linear-gradient() con una dirección (ángulo en grados o palabras clave como hacia la derecha) seguida de paradas de color. Cada parada de color consiste en un valor de color y una posición porcentual opcional. Los degradados radiales utilizan radial-gradient() con una forma (círculo o elipse) y palabras clave de tamaño. Los degradados cónicos utilizan conic-gradient() para transiciones de color que barren. Varias paradas de color crean transiciones complejas: puedes utilizar dos paradas en la misma posición para límites de color duros. Para mejorar el rendimiento, los degradados CSS se representan en el navegador y no requieren descargas de imágenes. Son independientes de resolución y lucen nítidos en cualquier densidad de pantalla. Utiliza el prefijo -webkit- para admitir navegadores más antiguos, aunque los navegadores modernos admiten degradados sin prefijos. Los degradados se pueden superponer utilizando varios valores de fondo separados por comas, lo que permite efectos visuales complejos. La propiedad background-size controla el tamaño de cada capa de degradado al crear patrones repetidos.