repeating-radial-gradient() function creates an image consisting of repeating radial gradients.
It is similar to radial-gradient() and takes the same arguments, but it repeats the color stops infinitely in all directions so as to cover its entire container.
Using background property:
You can also use background-image property to set gradients:
Create an image consisting of repeating radial gradients:
background: repeating-radial-gradient(red, yellow 10%, green 15%);
The numbers in the table specify the first browser version that fully supports the
Numbers followed by -webkit- , -o- and -moz- specify the first version that worked with a vendor prefix.
Specifies the shape of the gradient. Legal values:
Specifies the size of the gradient. Legal values:
|position||Specifies the position of the gradient. Default is center|
|color-stop||A color-stop's color value, followed by an optional stop position (either a percentage or a length along the gradient's axis). A percentage of 0%, or a length of 0, represents the center of the gradient; the value 100% represents the intersection of the ending shape with the virtual gradient ray|