JSFiddle - React, Tailwind, and code Playground

by shtrih

HTML

<div></div>
<pre></pre>

CSS

body {
    padding: 20px;
}

div {
    border: #aaa 1px dotted;
    width: 100px;
    height: 100px;
    
    transform-origin: 50% 50%;
    /* The operation corresponds to the matrix [cos(angle) sin(angle) -sin(angle) cos(angle) 0 0]. 
       https://developer.mozilla.org/en-US/docs/Web/CSS/transform
    */
    -moz-transform: rotate(15deg); 
    -ms-transform: rotate(15deg); 
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}

JavaScript

$('pre').text(
    $('div').css('transform')
);