JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://placecage.com/200/200" />
<button>Rotate</button>

CSS

img{
    width:200px;
    -webkit-transition:all 1000ms linear;
    -webkit-transform:rotate(0deg);
}

JavaScript

$("button").click(function() {

    var matrix = $("img").css("-webkit-transform");
    var values = matrix.split('(')[1].split(')')[0].split(',');
    var a = values[0];
    var b = values[1];

    var current = Math.round(Math.atan2(b, a) * (180 / Math.PI));

    var newz = current + 45;
    $("img").css("-webkit-transform", "rotate(" + newz + "deg)");
});