JSFiddle - React, Tailwind, and code Playground

by ghost7492

HTML

<div class="bar"></div>

CSS

.bar {
  position: absolute;
  top: 50px;
  left: 70px;
  width: 700px;
  height: 200px;
  background: linear-gradient(#e66465, #9198e5);
  transform-origin: 50% 0;
  transform: rotateX(-50deg);
}