JSFiddle - React, Tailwind, and code Playground

by David Simpson

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.j"></script>
<span class="spinner"></span>
<span>Loading...</span>

CSS

.spinner {
    height: 8px;
    width: 8px;
    animation: rotate 1s infinite linear;
    border: 3px solid #6acf64;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
  }

  @keyframes rotate {
    0%    { transform: rotate(0deg); }
    100%  { transform: rotate(360deg); }
  }
  
  span {
    font-family: sans-serif;
    color:#6acf64;
  }