How can an div, draw countless concentric circles with only css?

this is a face-to-face question for Xiaomi. There is only one div, in html. How can you draw countless concentric circles only using css?
the only way I can think of is to use pseudo elements (before and after),) and then position them, but only three concentric circles can be drawn.

<div></div>
Feb.28,2021

does the radial gradient of css let me use it?

background: repeating-radial-gradient(circle, rgb(255, 255, 255) 5%, rgb(0, 0, 0) 10%);

box-shadow draws as much as he wants


use scss to write a box-shadow function, hoping to help you

  https://developer.mozilla.org.

Menu