staggerTo

[mallanaga 4 Likes (Newbie)]

TweenMax.staggerTo('.card', 1, { rotationY: '+=180', repeat: 1, yoyo: true }, 0.1);

So, I see how I can stagger with a specific tween, but what if i want to set the same value twice in the animation, before moving onto the next?

var tl = new TimelineLite()
    tl.to('.card', 0.4, { z: 100, rotationY: '+=180', ease: Back.easeOut })
      .to('.card', 0.1, { z: 0, ease: Back.easeInOut })

This flips a card, while also lifting it off the table a bit. I want the stagger to do this for each of card. Is there a way to do that?

[Diaco 1,995 Likes (Superhero)]

Hi mallanaga 

 

try this : 

var cards = $(".card");

for (var i = 0; i < cards.length; i++) {
  tl.to(cards[i], 0.5 , { z: 100, rotationY: '+=180'},i*0.2)
    .to(cards[i], 0.3 , { z:0 })
};