Relationship between stagger's duration and stagger's staggerDuration.

[venn]

Hi, I am wondering what's the relationship between stagger's duration and stagger's staggerDuration.

 

Looking at this code:

TweenMax.staggerTo([mc1, mc2, mc3], 1, {x:100, y:200}, 0.25}).

The time duration is 1 but there are 3 elements to stagger. 

 

mc1 = 0.25,

mc2 = 0.25 + 0.25

mc3 = 0.25 + 0.25 + 0.25 

 

1 - 0.75 = 0.25 (What happen to this extra 0.25?)

 

-

 

Is the duration the total duration for the whole stagger code (mc1, mc2 and mc3 combined?)

And the stagger duration will modulate to fit within the whole duration?

 

Thanks,

Venn.

[PointC]

Hi venn 

 

In your example, each element's animation will take 1 second. So with an offset of .25, the total duration will be 1.5 seconds.

 

Here's a really simple CodePen to illustrate it:

See the Pen XdyWNr by PointC (@PointC) on CodePen.

 

Hopefully that helps a bit.

 

Happy tweening.

[venn]

Thanks! It makes sense now.