Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
IntouchGroup

stagger (object) wrap each value

Recommended Posts

I was hoping to use stagger with a wrap, is this not possible?

gsap.to(".box", {
  y: 100,
  stagger: { // wrap advanced options in an object
    each: gsap.utils.wrap(1,4,2,2,1),
    from: "center",
    grid: "auto",
    ease: "power2.inOut",
    repeat: -1 // Repeats immediately, not waiting for the other staggered animations to finish
  }
});
Link to comment
Share on other sites

Hi IntouchGroup!

 

That's not a valid wrap syntax.

gsap.utils.wrap(minValue, maxValue);

// or any array
gsap.utils.wrap([1,4,2,2,1]);

 

And I don't think that's possible, but you can set your delay with wrap.

gsap.to(".box", {
  y: 100,
  delay: gsap.utils.wrap([1,4,2,2,1])
});

 

  • Like 3
Link to comment
Share on other sites

  • 2 weeks later...

@OSUblake Thanks for responding, sorry I got sidetracked and totally forgot about this project. (oops! on missing the brackets). I'll give your suggestion a try, thank you.

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×