JSFiddle - React, Tailwind, and code Playground

by vucko

HTML

<div id="parallelogram"></div>

CSS

#parallelogram {
	width: 250px;
	height: 100px;
	background: red;
    margin-left: 100px;
    position:relative;
}

#parallelogram:before{
    content: '';
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 100px 40px;
    border-color: transparent transparent red transparent;
    left: -40px;
}