JSFiddle - React, Tailwind, and code Playground

HTML

<div class="red"></div>

CSS

.red {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    background-color: red;
}

JavaScript

var red = $('.red'),
max_rot = 45,
start_from = 90;
red.css({a:0}).animate(
    {'a':1},
    { step: function(value,tweenEvent)
       {
         rotateVal = start_from + max_rot * value;
         red.css({
           'transform':'rotate('+rotateVal+'deg)',
         });
       }
     },
1000);