JSFiddle - React, Tailwind, and code Playground

HTML

<div class="none"></div>
<div class="shadow"></div>

CSS

body {
  -webkit-perspective: 100;
  height: 200px;
}

div {
  background-color: #c00;
  width: 100px;
  height: 100px;
  margin: 50px 0 10px 100px;
  -webkit-transform: rotate3d(0,1,0,10deg) scale(1.4);
  -webkit-transition: all 1s ease;
}

div:hover {
  -webkit-transform: rotate3d(0,0,0,0) scale(1);

}

div.shadow {
  box-shadow: 0 0 1px transparent;
}