Jump to content


Infinite bubble animation

Recommended Posts



I am on this problem since 2 hours, it is something pretty simple I guess, but I can't find a way to do it properly lol (newbie in TweenMax)


If you could help me that could be nice ^^


Here is the codepen



I would like the bubbles to feel infinite, I mean, when the timeline is over, there is a delay since a new bubble come, and I really don't see how to make it smooth :s


Thanks for your help

See the Pen JjjQLPa by th-o-benoit (@th-o-benoit) on CodePen

Link to comment
Share on other sites

Hey Androlax and welcome!


I would use a single tween with stagger to do this and not worry about the timeline because you can't really have a timeline be playing two parts at once. 


I went ahead and switched over to using GSAP 3's formatting which makes this easy because you can put the repeat: -1 inside of the stagger, which makes it repeat like you want it to :) I also set the stagger duration based on how many circles there are so that they are evenly spaced out.


See the Pen gOONeEg?editors=0010 by GreenSock (@GreenSock) on CodePen

  • Like 3
Link to comment
Share on other sites

Hey @ZachSaucier


Thanks you alot, didn't even saw the new version aha ! I think I understood, timeline wasn't the good idea, went the wrong way!


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.