JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<div id="thing"></div>
<a id="matrixVal"></a>

CSS

body {
  padding: 100px;    
}

div {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
-webkit-transform: rotate3d(0, 1, 0, 120deg) translateZ( 1320px );
}

JavaScript

var el = document.getElementById("thing");
var st = window.getComputedStyle(el, null);
var tr = st.getPropertyValue("-webkit-transform") ||
         st.getPropertyValue("-moz-transform") ||
         st.getPropertyValue("-ms-transform") ||
         st.getPropertyValue("-o-transform") ||
         st.getPropertyValue("transform") ||
         "Either no transform set, or browser doesn't do getComputedStyle";
document.getElementById('matrixVal').innerHTML=tr;