Repeating-radial-pattern

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-linear-gradient(
    -45deg, rgba(145, 200, 242, 0.5), rgba(145, 200, 242, 0.5) 5px,
    transparent 5px, transparent 10px
  ),
  repeating-linear-gradient(45deg, rgba(145, 200, 242, 0.5),
    rgba(145, 200, 242, 0.5) 5px, white 5px, white 10px
  );
        }