Gradients in CSS allow programmers to add smooth transitions between two or more specific colors. There are two types of gradients: Linear Gradients (goes down/up/left/right/diagonally), and Radial Gradients (defined by their center).

Repeating linear gradients like these are just gradients being repeated to create a nice smooth transitions and pattern

Radial gradients is defined by its center and is created when you define two or more specified colors

Shape parameter defines the shape with values: circle or eclipse. In this example, we are using circle value.