JSFiddle - React, Tailwind, and code Playground

HTML

<div class="rotate">Rotate</div>

CSS

body > div
{

    margin:121px 100px;

    width:483px;
    height:298px;

    background:#676470;
    color:#fff;

    font-family:Lato;
    font-weight:900;
    font-size:3.4em;

    text-align:center;
    line-height:298px;

    transition:all 0.3s ease;

}

.rotate:hover
{
    -webkit-transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg);
}