CSS repeatingradialgradient() Function (original) (raw)

CSS repeating-radial-gradient() Function

Last Updated : 30 Aug, 2024

The repeating-radial-gradient() function is an inbuilt function in CSS that is used to repeat radial gradients.

**Syntax:

background-image: repeating-radial-gradient(shape size at position,
start-color, ..., last-color);

**Parameters: This function accepts many parameters which are listed below:

• **shape: This parameter is used to define the shape of the gradient. It has two possible value circles or ellipses. The default shape value is an ellipse.
• **size: This parameter is used to define the size of the gradient. The possible value are: farthest-corner (default), closest-side, closest-corner, farthest-side.
• **position: This parameter is used to define the position of the gradient. The default value is the center.
• **start-color, …, last-color: This parameter is used to hold the color value followed by its optional stop position.

Below example illustrates the repeating-radial-gradient() function in CSS:

**Example: In this example, The #main element applies a repeating radial gradient background from blue to white to green.

html `