Poylar Posted October 28, 2022 Share Posted October 28, 2022 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 Link to comment Share on other sites More sharing options...
Solution mvaneijgen Posted October 28, 2022 Solution Share Posted October 28, 2022 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 1 Link to comment Share on other sites More sharing options...
Poylar Posted October 28, 2022 Author Share Posted October 28, 2022 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' 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now