Starting a new timeline/animation when other one is finished.

[AndreasBP]

Hi again.

Do not mind the mess with how its all looking, im using a local font.

 

But now to the problem:

I dont know how i can make my "expanding-circle",  further expand when my first timeline is finished.

I want to be able to scroll further, and the circle gets bigger, so it kinda makes a transition, into a new page. 

 

If able, it would be appreciated if you could just kinda give me some ideas, but not do it for me, as i want to learn it myself. 

Thanks in advance.

See the Pen BabdRwM by Andreas12131354 (@Andreas12131354) on CodePen

[Rodrigo]

Hi,

 

I think the convoluted setup is actually what's causing this. I would try to create a single Timeline that handles just the letters using the container animation feature for that, another that handles the circle using clip path and a third one that just pins the entire section, something like this:

See the Pen oNVoNJQ by GreenSock (@GreenSock) on CodePen

 

Sorry I ended up doing what you asked us not to, but it wasn't all that complex TBH.

 

Hopefully this helps.

Happy Tweening!

[AndreasBP]

Its fine - i ended doing it a different way, but still had issues, which you showed how to solve. Thanks