JSFiddle - React, Tailwind, and code Playground

by Phil Button

HTML

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

CSS

.trapezoid {
  width: 200px;
  height: 200px;
  background: red;
  transform: perspective(24vw) rotateX(39deg) scale(0.6, 6.4);
  margin: 50px;
}