repeating-radial-gradient
This works similarly to the standard radial gradients as described by radial-gradient, but it automatically repeats the color stops infinitely in both directions, with their positions shifted by multiples of the difference between the last color stop’s position and the first one’s position.
&6n5bsp;
Like any other gradient, a repeating CSS radial gradient is not a CSS
Mozilla currently only supports CSS gradients as values of the background-image property, as well as within the shorthand background. You specify a gradient value instead of an image URL.
Example
<html lang="en">
<head>
<style>
body {
background-image: repeating-radial-gradient(black,
black 5px, white 5px, white 10px);
}
</style>
</head>
<body>
<div class="bar">
</div>
</body>
</html>
