CSS repeating-radial-gradient function
To repeat a radial gradient, you should use the repeating-radial-gradient
function. For that matter, you define the shape (circle or ellipse), and color stops, using pixels or percentage.
For example, the gradient starts with white at the center (the default position) and changes into purple in 12px. The purple, in turn, switches back to white in 24px. Then, the function repeats.