JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<div id="elem"></div>

CSS

div {
    background: red;
    width: 150px;
    height: 150px;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
}

JavaScript

var reqAnimationFrame = Modernizr.prefixed("requestAnimationFrame", window);

console.log(reqAnimationFrame);

var deg = 0;

(function drawFrame() {
    console.log("Draw frame at " + deg + "deg");
    $("#elem").css(
        Modernizr.prefixed("transform"),
        "rotate(" + deg++ + "deg)"
    );
   reqAnimationFrame(drawFrame);  
    
    return drawFrame;
})();