JSFiddle - React, Tailwind, and code Playground

by greatCar

HTML

<head>
    <title>Title of the document</title>
    <style>
      @keyframes spinner {
      0% {
      transform: translate3d(-50%, -50%, 0) rotate(0deg);
      }
      100% {
      transform: translate3d(-50%, -50%, 0) rotate(360deg);
      }
      }
      .spin::before {
      animation: .6s linear infinite spinner;
      animation-play-state: inherit;
      border: solid 5px #cfd0d1;
      border-bottom-color: #1c87c9;
      border-radius: 50%;
      content: "";
      height: 30px;
      width: 30px;
      position: absolute;
      top: 30px;
      left: 20px;
      transform: translate3d(-50%, -50%, 0);
      will-change: transform;
      }
    </style>
  </head>
  <body>
    <div class="spin"></div>
  </body>