JSFiddle - React, Tailwind, and code Playground
by petroveg
HTML
<div class="footer"></div>
CSS
.footer{
height: 300px;
background-color: rgba(0, 0, 0, .85);
background-image: repeating-linear-gradient(
-45deg,
transparent,
transparent 29px,
rgba(255, 255, 255, .5) 29px,
rgba(255, 255, 255, .5) 30px
);
background-size: 42px 42px;
}