JSFiddle - React, Tailwind, and code Playground

by pepelsbey

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Wheeee</title>

</head>
<body>
    <div class="bg"></div>
</body>
</html>

CSS

.bg{
    
    
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;

    background-color:#FFF;

    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%,
        #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%
        );
    }