JSFiddle - React, Tailwind, and code Playground
by pepelsbey
HTML
<div></div>
CSS
div {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background-color:#FFF;
background-image:
-webkit-repeating-radial-gradient(50% 50%, circle contain,
#000 0%, #000 1%,
transparent 1%, transparent 1.5%,
#000 1.5%, #000 2.25%,
transparent 2.25%, transparent 3.36%,
#000 3.36%, #000 5.1%,
transparent 5.1%, transparent 7.6%,
#000 7.6%, #000 11.4%,
transparent 11.4%, transparent 17.1%,
#000 17.1%, #000 25.6%,
transparent 25.6%, transparent 38.4%,
#000 38.4%, #000 57.7%,
transparent 57.7%, transparent 86.5%,
#000 86.5%, #000 129.7%,
transparent 129.7%, transparent 194.6%,
#000 194.6%, #000 291.9%,
transparent 291.9%, transparent 437.9%
);
background-image:
-moz-repeating-radial-gradient(50% 50%, circle contain,
#000 0%, #000 1%,
transparent 1%, transparent 1.5%,
#000 1.5%, #000 2.25%,
transparent 2.25%, transparent 3.36%,
#000 3.36%, #000 5.1%,
transparent 5.1%, transparent 7.6%,
#000 7.6%, #000 11.4%,
transparent 11.4%, transparent 17.1%,
#000 17.1%, #000 25.6%,
transparent 25.6%, transparent 38.4%,
#000 38.4%, #000 57.7%,
transparent 57.7%, transparent 86.5%,
#000 86.5%, #000 129.7%,
transparent 129.7%, transparent 194.6%,
#000 194.6%, #000 291.9%,
transparent 291.9%, transparent 437.9%
);
background-image:
-o-repeating-radial-gradient(50% 50%, circle contain,
#000 0%, #000 1%,
transparent 1%, transparent 1.5%,
#000 1.5%, #000 2.25%,
transparent 2.25%, transparent 3.36%,
#000 3.36%, #000 5.1%,
transparent 5.1%, transparent 7.6%,
...