JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<div class="stage">
  <div class="actor"><div>
  </div></div>
</div>

CSS

html,body{
  height:100%;
  perspective:500px;
}
.stage{
  position:absolute;
  top:50%;
  left:50%;
  width:0px;
  height:0px;
  transform-style:preserve-3d;
  transform:rotateX(5deg) rotateY(5deg);
}
.actor{
  
  transform:rotateX(90deg) rotateY(90deg);
}

.actor>div{
  width:100px;
  height:100px;
  background-color:#ff0000;
  margin-left:-50px;
  margin-top:-50px;
}