JSFiddle - React, Tailwind, and code Playground

by swoogie

HTML

<div class="spinner"> </div>

CSS

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

.spinner{
/*     border-left: 3px solid black;
    border-top: 3px solid black; */
    border-bottom: 3px solid #0179c4;
    border-right: 3px solid #0179c4;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display:inline-block;
    -webkit-animation:spin 450ms linear infinite;
    -moz-animation:spin 450ms linear infinite;
    animation:spin 450ms linear infinite; 
}