JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    position: absolute;
    top: 128px;
    left: 128px;
    width: 128px;
    height: 128px;
    background: #333;
    transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
}
div:hover {
    transform:rotateZ(-50deg);
    -moz-transform:rotateZ(-50deg);
    -webkit-transform:rotateZ(-50deg);
    -o-transform:rotateZ(-50deg);
}