A CSS gradient is a smooth transition between two or more colors, rendered by the browser without images. They can be linear (in a line), radial (from a center point), or conic (around a center point).
The angle controls the direction of a linear gradient. 0deg goes bottom to top, 90deg goes left to right, 180deg goes top to bottom. You can use any angle from 0 to 360 degrees.
CSS gradients can have as many color stops as you want. Each stop defines a color and its position along the gradient line. More stops allow for more complex, multi-color effects.
You cannot directly animate CSS gradients with transitions, but you can use tricks like animating the background-size or background-position, using CSS Houdini, or transitioning between gradient-colored pseudo-elements.
Use 3 color stops with positions at 0%, 50%, and 100% for smooth, balanced gradients. Avoid placing stops too close together unless you want a hard edge.