JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="bar">
    </div>
</div>

CSS

.wrap {
    padding: 20px;
}

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

.bar {
    width: 150px;
    height: 150px;
    background: #000;
    
    -webkit-animation: spin 3s infinite linear;  
    animation: spin 3s infinite linear;  
}