<div id="box1" class="box w-[50px] h-[50px] bg-blue-600 rounded-lg"></div>
<hr />
<div id="box2" class="box w-[50px] h-[50px] bg-blue-600 rounded-lg"></div>
<hr />
<div id="box3" class="box w-[50px] h-[50px] bg-blue-600 rounded-lg"></div>
const tl = gsap.timeline({
defaults: {
duration: 5,
x: 500,
repeat: -1,
ease: 'bounce.out',
},
});
tl.to('#box1', {}, 'start');
tl.to('#box2', {}, '+=1');
tl.to('#box3', {}, '+=1');
External CSS
This Pen doesn't use any external CSS resources.