JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test"></div>
CSS
#test {
height: 100px;
width: 100px;
background-color: red;
}
JavaScript
var style = {
"-webkit-transition": "-webkit-transform 1200ms ease",
"transition": "transform 1200ms ease"
};
var rotation = {
"-webkit-transform": "rotate3d(0, 1, 0, 45deg)",
"transform": "rotate3d(0, 1, 0, 45deg)"
}
$('#test').css(style).css(rotation);