Degradado

CSS soporta linear-gradient (línea recta), radial-gradient (circular) y conic-gradient (alrededor de un punto central). Cada uno puede tener múltiples paradas de color.

Usa colores cercanos en el círculo cromático, agrega paradas de color intermedias y evita colores complementarios que pueden crear puntos medios turbios.

Los gradientes CSS no se pueden animar directamente, pero puedes animar background-position o usar propiedades personalizadas CSS con @property para transiciones suaves.