CSS-Repeating-radial

by VIvek Vaishnav

HTML

<body>
    <div class="container">
    <div class="box gradient"></div>
    </div>
    </body>

CSS

.container{max-width:100%;height: 200px; text-align:center;color: #fff;}
    .box{width:100%;height: 100%; float: left; margin: 2px;}
    
 .gradient{
  background: repeating-radial-gradient(circle, lightblue, lightblue 6px, black 6px, black 10px);  
  }