Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
markilfin

Animate blocks one by one

Recommended Posts

I have three elements - el1, el2, el3. My goal is to animate these 3 elements: el1 - continuous animation, el2 and el3 - animate them two times one by one. What I mean is el2 passes two full circles of animation then stops, right after this el3 passes two full circles of animation then stops, right after this el2 passes two full circles of animation... and so on.

So I did this in this way

See the Pen fuxqv by anon (@anon) on CodePen


But I'm sure that this is not the right way and I belive that TimelineMax should have a mechanizm to control this type of animation and I just don't know about this.

 

Any help would be greatly appreciated! Thanks! 

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums.

 

Thanks so much for the CodePen example.

 

This is actually a little tricky, but entirely possible. 

 

I put card 2 and 3 animations in their own timeline and then created another timeline  that contains 

 

-card 2 and 3 timeline

-a single repeating tween of card 1

 

http://codepen.io/GreenSock/pen/sLHDE

  • Like 3
Link to comment
Share on other sites

  • 2 weeks later...

Thank you! Exactly what I was looking for!

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.
×