JSFiddle - React, Tailwind, and code Playground

by mlms13

HTML

<div id="d"></div>

CSS

#d {
    background: #07a;
    height: 20px;
    position: absolute;
    width: 20px;
}

JavaScript

window.requestAnimFrame = (function(){
      return  window.requestAnimationFrame       || 
              window.webkitRequestAnimationFrame || 
              window.mozRequestAnimationFrame    || 
              window.oRequestAnimationFrame      || 
              window.msRequestAnimationFrame     || 
              function(callback){
                window.setTimeout(callback, 1000 / 60);
              };
    })();


// usage: 
// instead of setInterval(render, 16) ....

var el = document.getElementById('d');

(function animloop(){
    var w = parseInt(d.offsetWidth, 10);
    d.style.width = (w + 1) + 'px';
    requestAnimFrame(animloop);
})();