JSFiddle - React, Tailwind, and code Playground

HTML

<div class="example">
</div>

CSS

.example {
    background: red;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 100px;
    left: 100px;
    transition: -webkit-transform 5s;
    transition: transform 5s;
    transform: rotate3d(1, 0, 0, 0deg);
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
}

.example:hover {
    transform: rotate3d(0, 0, 1, 810deg);
    -webkit-transform: rotate3d(0, 0, 1, 810deg);
}