CSS gradients let you display smooth transitions between two or more specified colors. They are a type of <image> and can be used anywhere an image can, such as backgrounds.

• Linear Gradients: Progress along a straight line. You can define the angle and multiple color stops.
• Radial Gradients: Radiate from an origin. You can define the shape (circle or ellipse) and color stops.
• Color Stops: Define the colors and their positions within the gradient.