JSFiddle - React, Tailwind, and code Playground
HTML
<div id="block">
I am a block.
</div>
CSS
#block{
transform: rotate(90deg) translateY(-100%) scale(2,2);
transform-origin: 0 0;
}
JavaScript
var lastTf = $('#block').css('transform');
var matrix = lastTf.split(',');
var badScale;
if (lastTf.indexOf('3d') === -1) {
badScale = window.parseFloat(matrix[3]);
} else {
badScale = window.parseFloat(matrix[1]);
}
var matrix2 = lastTf.split('(')[1]
.split(')')[0]
.split(',');
var goodScale = Math.sqrt(matrix2[0] * matrix2[0] + matrix2[1] * matrix2[1]);
alert(badScale + ', ' + goodScale);