JSFiddle - React, Tailwind, and code Playground

by ffMathy

HTML

<div id="bar">
  <div id="foo" style="background-color: red; width: 100px; height: 100px;">

  </div>
</div>

CSS

#bar {
  perspective: 5000px;
}

#foo {
  transform: rotateY(30deg);
  transform: translateZ(100px);
}