JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ball"></div>

CSS

#ball {
    width: 30px;
    height: 30px;
    margin: 30px;
    background: green;
}

JavaScript

function girar(){           
    var bola = document.getElementById("ball");     
    window.xvel = 10;       
    setInterval(function(){                     
        window.xvel = parseFloat(window.xvel) + parseFloat("10");   
        bola.style.webkitTransform = "rotate(" + window.xvel + "deg)"; 
    }, -1);                      
}

girar();