JSFiddle - React, Tailwind, and code Playground

by tomasjurman

HTML

<div class="repeating-linear-gradient"></div>

CSS

.repeating-linear-gradient{
    height:300px;
    background-color: orange;
    background-image: repeating-linear-gradient(
      45deg, 
      orange,
      orange 10px,
      rgba( 50, 50, 50, 0.5) 10px,
      rgba( 50, 50, 50, 0.5) 20px 
    );
}