JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  123
</div>

CSS

div {
  width: 100px;
  height: 50px;
  top: 100px;
  position: relative;
  border: 1px solid black;
  -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1s;
}

@-webkit-keyframes rotate {
    0% {
    -webkit-transform: rotate(0deg);
    }
    50% { 
    top: 0;
    -webkit-transform: rotate(0deg);
    }
    100% { 
    -webkit-transform: rotate(360deg);
    }

}