JSFiddle - React, Tailwind, and code Playground

HTML

<div>rotated</div>

CSS

div {
    -webkit-transform:     rotate(-5deg);
    -moz-transform:        rotate(-5deg);
    -o-transform:          rotate(-5deg);
    -ms-transform:         rotate(-5deg);
    transform:             rotate(-5deg);
    border: 1px solid black;
}

JavaScript

// tries to read the CSS rotate data
// starts by reading -webkit-transform, if it
// fails then read -moz-transform and so on
var getRotation = function ($e) {
    var value = $e.css('-webkit-transform');
    if (value === undefined) {
        value = $e.css('-moz-transform');
        if (value === undefined) {
            value = $e.css('-o-transform');
            if (value === undefined) {
                value = $e.css('-ms-transform');
                if (value === undefined) {
                    value = $e.css('transform');
                }
            }
        }
    }
    return value === undefined? '' : value;
};


var returnValue = getRotation($("div"));
alert(returnValue === ''?
          "Failed to get rotation info!" : 
          "Got it: " + returnValue);