JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" ?>
<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" style='background:gray;'>
    <rect id='rect1' x="0" y="0" width="100" height="100" />
</svg>
<p id='value1'></p>
<p id='value2'></p>
<p id='value3'></p>
<p id='value4'></p>
<p id='value5'></p>
<p id='value6'></p>
<p id='value7'></p>

CSS

#rect1 {
    transform: translate(50px, 50px);
    -moz-transform: translate(50px, 50px);
    -webkit-transform: translate(50px, 50px);
    -o-transform: translate(50px, 50px);
    -ms-transform: translate(50px, 50px);
}

JavaScript

$('#value1').text('style.transform: '+$('#rect1')[0].style.transform);
$('#value2').text('style.webkitTransform: '+$('#rect1')[0].style.webkitTransform);
$('#value3').text('transform: ' + $('#rect1').css('transform'));
$('#value4').text('-webkit-transform:	' + $('#rect1').css('-webkit-transform'));
$('#value5').text('-moz-transform: ' + $('#rect1').css('-moz-transform'));
$('#value6').text('-o-transform: ' + $('#rect1').css('-moz-transform'));
$('#value7').text('-ms-transform: ' + $('#rect1').css('-moz-transform'));