JSFiddle - React, Tailwind, and code Playground

HTML

<div id="log"></div>

CSS

#log {
    width: 150px;
    height: 150px;
    background-color: green;
}

JavaScript

var STEP = 10;

function startUpProc(id)
{
    var log = window.document.getElementById(id);
    makeCircle(log, 0);
}

function makeCircle(item, targetAngle) {
    changeRotate(item, targetAngle);

    if (targetAngle < 360) {
        setTimeout(function (){
            makeCircle(item, targetAngle + STEP);
        }, 100);
    }
}

function changeRotate(item, val)
{
    item.style.transform = "rotate(" + val + "deg)";
    item.style.webkitTransform = "rotate(" + val + "deg)";
    item.style.mozTransform = "rotate(" + val + "deg)";
    //alert(item.style.transform);
}

startUpProc('log');