CSS: Repeating Radial Gradient

what is repeating-radial-gradient

repeating-radial-gradient() function creates repeating Radial Gradient.

the syntax is the same as

• CSS: Radial Gradient

the last color stop at the end should be less than 100%, else there is no room repeat.

Example. Simple Repeating Radial Gradient

.dGhJy {
 width: 200px;
 height: 200px;
 background-image: repeating-radial-gradient(red 10%, white 20%);
}