JSFiddle - React, Tailwind, and code Playground

HTML

<div style="">

</div>

CSS

div{
  height:200px;
  width:200px;
  background-color:red;
  transform-style: preserve-3d;
  transition-duration: 1s;
}

div:hover {
    transform-origin: 100%;
    transform: rotateY(180deg) translateZ(0);
}