JSFiddle - React, Tailwind, and code Playground

by dmethvin

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)