JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<div class="circle-container">
  <button class="circle bounce">H</button>
</div>

CSS

.circle{
  border:none;
  width:75px;
  height:75px;
  border-radius:50%;
   background-color: #5e78e5;
   position:relative;
}

JavaScript

$(document).ready(function(){

setInterval(function(){
$(".bounce").animate({top: "+=5"},50,function(){
$(".bounce").animate({top:"-=5"},50)
});
},200)



})