Gradient

CSS supports linear-gradient (straight line), radial-gradient (circular), and conic-gradient (around a center point). Each can have multiple color stops.

Use colors that are close on the color wheel, add intermediate color stops, and avoid complementary colors which can create muddy midpoints.

CSS gradients cannot be directly animated, but you can animate background-position or use CSS custom properties (variables) with @property for smooth transitions.