JSFiddle - React, Tailwind, and code Playground

by Lucas Krause

HTML

<div></div>

CSS

body {
    -webkit-perspective:800px;
}
div {
    width:100px;
    height:200px;
    background-color:tomato;
    margin:50px auto;
    -webkit-transform:rotateY(70deg);
    -webkit-transition:-webkit-transform 1s;
}
body:hover div {
    /* toggle this comment */
    -webkit-transform:rotateY(70deg) rotateZ(90deg);
    /*/
    -webkit-transform:rotateY(70deg) rotate(90deg);
    /**/
}