JSFiddle - React, Tailwind, and code Playground
HTML
<span>Look at Me!</span><span class="bounce">←</span>
CSS
.bounce{
position:relative;
}
/* demo styles */
body{
padding:50px;
}
.bounce{
margin-left:5px;
font-size:18px;
}
JavaScript
function startBounce(time, distance){
setInterval(function(){
$('.bounce').animate({
left: '+='+distance+'px'
}, time/2, function(){
$(this).animate({
left: '-='+distance+'px'
}, time/2);
});
}, time);
}
//startBounce(1000, 10);
startBounce(1000, 20);
//startBounce(2000, 20);