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: linear-gradient(
		-45deg,
		transparent,
		transparent 25%,
		rgba(255, 255, 255, .5) 25%,
		rgba(255, 255, 255, .5) calc(25% + 1px),
		transparent calc(25% + 1px),
		transparent 75%, rgba(255, 255, 255, .5) 75%,
		rgba(255, 255, 255, .5) calc(75% + 1px),
		transparent calc(75% + 1px),
		transparent
	);
	background-size: 40px 40px;
}