JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test"></div>
<p id="output"></p>
CSS
div {
width: 100px;
height: 100px;
border: 1px solid #000000;
transform: rotate(2deg);
}
p {
font-family: monospace;
}
JavaScript
var log = function (str) {
$('#output').append(str).append('<br/>');
};
var test = document.getElementById('test');
log( 'Test 1: '+ (test.currentStyle || window.getComputedStyle(test,null))['transform']);
log( 'Test 2: '+ test.style['transform']);
log( 'Test 3: '+ test.style.cssText['transform']);
log( 'Test 4: '+ document.styleSheets[2].cssRules[0]['transform']);
log( 'Test 5: '+ $(test).css('transform'));