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.
Like any other gradient, a repeating CSS radial gradient is not a CSS but an image with no intrinsic dimensions; that is, it has no natural or preferred size, nor ratio. Its concrete size will match the one of the element it applies to.
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.


<html lang="en">
            body {
                background-image: repeating-radial-gradient(black, 
				black 5px, white 5px, white 10px);
        <div class="bar">

You may also like...