JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://transformjs.strobeapp.com/javascript/transformjs.js"></script>
<div class="canvas">
<div id="original">
    <img src="http://dl.dropbox.com/u/9750347/flex-calibration-sample-trans_scale_rot.jpg" />
</div>
</div>

<div class="canvas">
<div id="transformed">
    <img src="http://dl.dropbox.com/u/9750347/flex-calibration-sample-trans_scale_rot.jpg" />
    </div></div>
<textare id="logger"></textarea>

CSS

.canvas {
    display: block;
    width: 640px;
    height: 480px;
    background-color: red;
    overflow: hidden;
}

JavaScript

$("#transformed").css({
   rotateZ: -0.107,
  scale: 1.25,
  
translateX: 40,
    translateY: -10
});
$("#logger").text("ciao");
var transform = $('#transformed').css('transform:matrix(0.866,0.5,-0.5,0.866,0,0)');
console.log(transform);