JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hoverme" id="elem" >
  &nbsp;  
</div>

CSS

.hoverme {
    width: 50px;
    height: 50px;
    background-color: violet;
    cursor: pointer;
    opacity: 1;
}
.hoverme:hover { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

JavaScript

function transition(handle, prop, dur, ease) {
    handle.css({ '-webkit-transition': '-webkit-' + prop + ' ' + dur + 'ms ' + ease });
    handle.css({ '-moz-transition': '-moz-' + prop + ' ' + dur + 'ms ' + ease });
    handle.css({ '-ms-transition': '-ms-' + prop + ' ' + dur + 'ms ' + ease });
    handle.css({ '-o-transition': '-o-' + prop + ' ' + dur + 'ms ' + ease });
    handle.css({ 'transition': prop + ' ' + dur + 'ms ' + ease });
}

$(document).ready(function(){
    transition( $("#elem"), "transform", "2000", "ease" );
});