Jump to content
GreenSock

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

Stagger Animation

Recommended Posts

Hello,

I have a title in three words. Each word goes individually in a new line with a stagger.  So after that I want to hide this title and make visible button in the same position of the title. After a seconds I want return the first animation with the title and then the animation with the button and so on indefinitely. Thank you.
   

let title = document.getElementsByClassName('title');
 
let tll = new TimelineMax({ repeat: -1 });
 
tll.staggerFromTo(title, 1, {
x: -250,
y: 300,
}, {
x: 0,
stagger: 1,
ease: Sine.easeInOut
});
Link to comment
Share on other sites

Hey vanSk,

 

You should be able to do this by adding a delay after the staggerFromTo that you're using there, then adding another animate to the timeline to show the button, and then it will loop indefinitely since you set the repeat to -1 on the timeline.

 

Is there a particular part of the process that you're running into trouble doing?

  • Like 1
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.
×