JSFiddle - React, Tailwind, and code Playground

by Michał Oręziak

HTML

<div id="clock">
  <span id="hand"></span>
</div>

SCSS

#clock{
  width:100px;
  height:100px;
  border-radius:50%;
  background:black;
  position:relative;
}
#hand{
  min-width:50px;
  height:2px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 1px;
  background:red;
  transform-origin:0% 0%;
  /* transform-origin: 0% 0%; */
  animation: handMove 5s linear infinite;
}
@keyframes handMove{
  100%{
  transform:rotate(360deg);
  }
}