[Stagger Animation]

On 8/16/2019 at 12:46 AM, ZachSaucier said:

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?

Thank you, but I want run the title  after 1 second. I don't want to have delay in first animation. I want to have delay when the first stagger animation is complete, so I can show the button. 
Here my code:
 

      

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,

delay: 3

});

 

tll.staggerFromTo('.btn', 1, {

x: -250,

y: 200,

}, {

x: 0,

delay: 3,

ease: Sine.easeInOut

});

 

tll.to(title, 1, {

opacity: 0, ease: Linear.easeNone

})

[Stagger Animation]

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

});

[fade in and fade out image]

Yes, exactly. Thanks a lot for the help!

[fade in and fade out image]

Well, when the animation is fade out, as you can see it, I want after that the animation start from beginning, ie.  

tl.fromTo(".hand", 1, {
        x: -270
    }, {
            x: 270
        })

 

[fade in and fade out image]

Hello I have a hand animation that shows up on x and starts to rock. I want this hand to hide in every 3 seconds and start from the beginning -> ie x: 0 and go to x: 270. Can you help me? I want to look like an animation restart but with fade. Thank you very much
 

 

See the Pen JgmpRO by van_22 (@van_22) on CodePen

[coins in tweenmax]

Hello, It's hard for me to orient myself with the GSAP. I want to make coins animation in columns- similar to the picture, but with only three columns. How can I make the coin follow one by one and stack into a bundle, but with different heights. I prefer tweenmax option. Thank you.