JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div></div>

CSS

div {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
border: 16px solid rgb(235, 235, 235);
border-top: 16px solid rgb(83, 83, 192);
border-radius: 50%;
animation: loading 2s linear infinite;
transition-property: transform;
transform: translate(-50% , -50%);
  justify-content: center;
  align-items: center; 
  text-align: center;
  vertical-align: middle; 
}

@-webkit-keyframes loading {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}