JSFiddle - React, Tailwind, and code Playground

by Ayri Rin

HTML

<div class="parallelogram"></div>

CSS

.parallelogram {
	width: 150px;
	height: 50px;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
	background: red;
}