JSFiddle - React, Tailwind, and code Playground

css spinner

by Csaba Hellinger

HTML

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

CSS

body {
    background: pink;
}

.spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:        6px solid transparent;
    border-top:    6px solid #f3f5f6;
    border-bottom: 6px solid #f3f5f6;
    box-sizing: border-box;
    animation: spin 1s linear infinite;
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.3));
}

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