JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<div class="child"></div>
</div>

CSS

.parent {
  perspective: 500px;
  width: 200px;
  height: 200px;
  margin: 100px auto;
}

.child {
  font-size: 118px;
  height: 200px;
  background-color: blue;
  transform: rotateY(45deg) scaleY(0.5);
  transition: transform 0.5s;
  border-radius: 8px;
}