JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one"></div>

CSS

.one {
    width: 100px;
    height: 100px;
    	background-image: linear-gradient(to top left, 
		rgba(0,0,0,0), rgba(0,0,0,0) 8%,
		rgba(0,0,0,0) 14%, #8c969f 14%, #8c969f 16%, rgba(0,0,0,0) 16%,
		rgba(0,0,0,0) 21%, #8c969f 21%, #8c969f 23%, rgba(0,0,0,0) 23%,
		rgba(0,0,0,0) 28%, #8c969f 28%, #8c969f 30%, rgba(0,0,0,0) 30%
		);
}