JSFiddle - React, Tailwind, and code Playground

HTML

<div id="rotateMe">Am I rotating in IE7?</div>

CSS

*
{
    padding:0;
    margin:0;
}
#rotateMe
{
    background:red;
    padding:30px;
    width:200px
    height:150px;
    margin-top:200px;
}

JavaScript

$(document).ready(function(){
    var elementToRotate = $('#rotateMe');
    var degreeOfRotation = 33;
    
    var deg = degreeOfRotation;
    var deg2radians = Math.PI * 2 / 360;
    var rad = deg * deg2radians ;
    var costheta = Math.cos(rad);
    var sintheta = Math.sin(rad);
    
    var m11 = costheta;
    var m12 = -sintheta;
    var m21 = sintheta;
    var m22 = costheta;
    var matrixValues = 'M11=' + m11 + ', M12='+ m12 +', M21='+ m21 +', M22='+ m22;
    
    elementToRotate.css('-webkit-transform','rotate('+deg+'deg)')
        .css('-moz-transform','rotate('+deg+'deg)')
        .css('-ms-transform','rotate('+deg+'deg)')
        .css('transform','rotate('+deg+'deg)')
        .css('filter', 'progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\'auto expand\','+matrixValues+')')
        .css('-ms-filter', 'progid:DXImageTransform.Microsoft.Matrix(SizingMethod=\'auto expand\','+matrixValues+')');
});