Jump to content

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

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

Go to solution Solved by PointC,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

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?




Link to comment
Share on other sites

  • Solution

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.


  • Like 2
Link to comment
Share on other sites

Thanks! It makes sense now.

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.