JSFiddle - React, Tailwind, and code Playground

HTML

<div class="rect">original</div>
<div class="rect skew-x">transform: skew(45deg,0);</div>
<div class="rect skew-y">transform: skew(0,45deg);</div>

CSS

.rect{
  display:inline-block;
  color:white;
  margin:40px;
  padding:25px;
  width:100px;
  height:100px;
  background-color:#1F8A70;
}

.skew-x{
  transform: skew(45deg,0);
}

.skew-y{
  transform: skew(0,45deg);
}