JSFiddle - React, Tailwind, and code Playground

by Ayri Rin

HTML

<div class="trapezoid"></div>

CSS

.trapezoid {
	border-bottom: 100px solid red;
	border-left: 50px solid transparent;
	border-right: 0 solid transparent;
	height: 0;
	width: 100px;
}