CSS repeating-radial-gradient() Function

A repeating radial gradient:

#grad {
background-image: repeating-radial-gradient(red, yellow 10%, green 15%);
}

Definition and Usage

The repeating-radial-gradient() function is used to repeat radial gradients.

Version:	CSS3

The numbers in the table specify the first browser version that fully supports the function.

Numbers followed by -webkit-, -moz-, or -o- specify the first version that worked with a prefix.

Function
repeating-radial-gradient()	26.0 10.0 -webkit-	10.0	16.0 3.6 -moz-	6.1 5.1 -webkit-	12.1 11.1 -o-

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

Value	Description
shape	Defines the shape of the gradient. Possible values: ellipse (default) circle
size	Defines the size of the gradient. Possible values: farthest-corner (default) closest-side closest-corner farthest-side
position	Defines the position of the gradient. Default is "center"
start-color, ..., last-color	Color stops are the colors you want to render smooth transitions among. This value consists of a color value, followed by an optional stop position (a percentage between 0% and 100% or a length along the gradient axis).

CSS tutorial: CSS Gradients