JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button">

</button>

CSS

.button{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
}

JavaScript

function myMove() {
  var elem = document.querySelector(".button");   
  var pos = 0;
  var id = setInterval(frame, 5);
  function frame() {
    if (pos == 360) {
      clearInterval(id);
    } else {
      pos++; 
      elem.style.background='conic-gradient(red '+pos+'deg, yellow 0deg)';
    }
  }
}
myMove()