IslandScott Posted July 29, 2021 Share Posted July 29, 2021 Hi, I have the following simple stagger but is there anyway to do it in reverse, so its starts with the last div and works its way back to the start ? gsap.to(".product", {opacity:0, scale:0.95, stagger: 0.1}); Many thanks. Link to comment Share on other sites More sharing options...
PointC Posted July 29, 2021 Share Posted July 29, 2021 Hi @IslandScott Welcome to the forum. Please try this: gsap.to(".product", { opacity: 0, scale: 0.95, stagger: -0.1 }); Happy tweening and welcome aboard. 5 Link to comment Share on other sites More sharing options...
IslandScott Posted July 29, 2021 Author Share Posted July 29, 2021 wow, as easy as that. Thank you so much 😀 1 Link to comment Share on other sites More sharing options...
Carl Posted July 29, 2021 Share Posted July 29, 2021 That's a great pro-tip from @PointC. Also, check out this video to learn the setting in the stagger object which supports staggering from "end" and "center" and "edges" See the Pen BajxopX by snorkltv (@snorkltv) on CodePen Check out my Free Course: GSAP 3 Express for my tips like this. 3 Link to comment Share on other sites More sharing options...
IslandScott Posted July 29, 2021 Author Share Posted July 29, 2021 Ok great, thanks il take a look 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