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.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e8bc46-1080.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e8bc46-1080.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?