JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<div class="step_7"></div>

CSS

.step_7 { 
    -webkit-border-radius: 5em;
    border: 5px solid red;
    top: 377px;
    left: 807px;
    width:102px;
    height: 104px;
    z-index: 4;
}

@-webkit-keyframes circle-run 
{
    0%{
        -webkit-transform:rotate(0deg);
    }
    100% 
    {
        -webkit-transform:rotate(360deg);
    }
}

.animation {
    -webkit-animation: circle-run 2s infinite;
    -webkit-animation-timing-function:linear;
}

JavaScript

$(document).ready(function(event) {
    $('.step_7').addClass('animation');
});