JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test1" class="test"></div>
<div id="test2" class="test"></div>

CSS

#test1 {
    background: #009FFF;
}

#test2 {
    background: #FF9F00;

    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.test {
    width: 80px;
    height: 50px;
    -moz-transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    -ms-transition: all ease 1s;
}

body { padding: 10px; }

JavaScript

var test1 = document.getElementById("test1"),
    test1Style = test1.style,
    test2 = document.getElementById("test2"),
    test2Style = test2.style;

setTimeout(function() {
    test1Style[ transform ] = getComputedTransform( test1 ) + " rotate(300deg)";
    test2Style[ transform ] = getComputedTransform( test2 ) + " rotate(300deg)";
}, 1000);

// feature detection
var transform = "MozTransform" in test1Style ? "MozTransform" :
    "WebkitTransform" in test1Style ? "WebkitTransform" :
    "OTransform" in test1Style ? "OTransform" :
    "msTransform" in test1Style ? "msTransform" :
    false;

// helper
function getComputedTransform( elem ) {
    var cs = window.getComputedStyle( elem )[ transform ];
    return cs != "none" ? cs : "";
}