Can i change stagger order in animation?

[Poylar]

Hi.

I'm trying to implement an effect where the cards will appear from the top left corner towards the bottom right.
Now all the animation goes from left to right and then from top to bottom, just like they are located in the DOM. Are there any solutions to this problem?

See the Pen poKJRvm?editors=1010 by poylar (@poylar) on CodePen

[mvaneijgen]

Stagger is an object on it self which has a lot of settings! If you just give it a value it will set the each: property to that value, but you can break it out to their individual properties. In the demo I've created an object from the stagger property and set each to your 0.1 and from: "random" which means it will randomly stagger them in, but there is a lot more options that are explained in great detail on the documentation page, there is a video and an interactive demo to show you what is possible with the stagger property  https://greensock.com/docs/v3/Staggers

 

See the Pen abKOWqo?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

[Poylar]

25 minutes ago, mvaneijgen said:

Stagger is an object on it self which has a lot of settings! If you just give it a value it will set the each: property to that value, but you can break it out to their individual properties. In the demo I've created an object from the stagger property and set each to your 0.1 and from: "random" which means it will randomly stagger them in, but there is a lot more options that are explained in great detail on the documentation page, there is a video and an interactive demo to show you what is possible with the stagger property  https://greensock.com/docs/v3/Staggers

 

 

 

thank you! this solution works for me

  from: [0,0],
        grid:'auto'

  from: [0,0],
  grid:'auto'