JSFiddle - React, Tailwind, and code Playground

by ruisoftware

HTML

<div></div>

CSS

div {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 8px 0 2px -3px rgba(0,0,0,.9),
                6px 6px 2px -3px rgba(0,0,0,.8),
                0 8px 2px -3px rgba(0,0,0,.6),
                -6px 6px 2px -3px rgba(0,0,0,.4),
                -8px 0 2px -3px rgba(0,0,0,.3),
                -6px -6px 2px -3px rgba(0,0,0,.2),
                0 -8px 2px -3px rgba(0,0,0,.1),
                 6px -6px 2px -3px rgba(0,0,0,.05);
    -webkit-animation: wheel 1.7s steps(8, end) infinite;
}

@-webkit-keyframes wheel {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-1turn);
    }
}