JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
	</div>
	
<svg id="mySvg"> 
	<defs> 
		<clipPath id="myClip" clipPathUnits="objectBoundingBox">
			<polygon points=".24,0 .24,1 1,.54"/>
		</clipPath>  
	</defs>
</svg>

CSS

#box {
		clip-path: url(#myClip);
		width: 100%;
		height: 500px;
		background: grey;
	}
	
	#mySvg {
		width: 0;
		height: 0;
	}