Cycle the animation length of a staggerTo?

[xxboonexx]

Hey everyone, is there a way to use cycle on the length of time for a staggerTo?

 

For example, I know this doesn't work, but it may illustrate the effect I am trying to get.

 

TweenMax.staggerFrom([myItem1, myItem2, myItem3], cycle{[1, 2, 3]}, {rotation:90}, 1);

 

I'm trying to adjust the length of time each item is animated over, myItem1 would take 1 second, myItem2, would take 2 second, etc.

 

Thanks in advance for any help.

 

[PointC]

Hi xxboonexx 

 

I'd recommend using jQuery each() for something like that. When you have access to the index value, you can use it to control duration, delay, etc. as well as part of the animation calculations too.

 

Please take a look at this simple example to get started.

 

See the Pen EgWNqy by PointC (@PointC) on CodePen

 

Hopefully that helps a bit.

 

Happy tweening.