Repeating-linear

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, black,black 5px, lightblue 5px, lightblue 10px);
        }