JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<div id="div1"></div>

CSS

#div1{
    background:lightgreen;
    height:20px;
    width:20px;
    -webkit-transition-duration:1000ms;
}

JavaScript

/*
$(document).ready(function(){
    $("#div1").css("-webkit-transform","translate(500px,500px)");
})
*/
window.requestAnimFrame = (function() {
    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) {
        window.setTimeout(callback, 1000 / 60);
    };
})();

requestAnimFrame(function(){
    $("#div1").css("-webkit-transform","translate(500px,500px)")
})