JSFiddle - React, Tailwind, and code Playground

by blesh

HTML

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

CSS

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

JavaScript

//ROTATION RENDERING ISSUE IN CHROME.
var rotateVal = 360;
var red = $('.red');
console.log(red)
$("<div />").css({position: 'absolute',left:'-9999',height:'0px'}).animate({
    height: rotateVal
},{
    duration: 5000,
    step: function(now){
        console.log(now)
        red.css('transform','rotate('+now+'deg)');
    }
});