JSFiddle - React, Tailwind, and code Playground

by Mao Wtm

HTML

<div class="circle"></div>

CSS

.circle {
  background-color: #000;
  border-radius: 4rem;
  width: 4rem;
  height: 4rem;
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  animation-duration: 3s;
  animation-name: moving;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes moving {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}

JavaScript

var c = $('.circle');
setInterval(function() {
  c.css({display: 'none'});
  setTimeout(function (){
  	c.css({display: ''});
  }, 200);
}, 400);