Jump to content


Stagger from center object and out?

Moderator Tag
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



Is it possible to stagger from center and out? I have 5 objects in a row and would like the center one (1) fade in from bottom to top and then the two ones next to it (2 and 3) fades in and last the two on the end (4, 5) comes in.


4 2 1 3 5





Link to comment
Share on other sites

Hi Devotee007  :)


pls try this :


var l = elems.length ;
TweenMax.staggerTo(elems,0.4,{y:50,cycle:{delay:function(i){return Math.abs(Math.floor(l/2)-i)*0.1}}});

See the Pen OVqBBq by MAW (@MAW) on CodePen

  • Like 7
Link to comment
Share on other sites

awesome, Diaco!

Link to comment
Share on other sites

Nicely done Diaco!


Thanks for the help, but I don't have a Club Greensock membership, so I can't use that method. Or maybe I do something wrong. :)



Link to comment
Share on other sites

  • Solution

Hi Devotee007  :),


Diaco is just using splitText for his brilliant demonstration. His solution works just fine with some plain old box divs and no splitText plugin. 


Here is a quick example using his solution and some simple divs:

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


PS For the record, I highly recommend a membership because the extra plugins are awesome.   8-)

  • Like 4
Link to comment
Share on other sites

Thanks for clearing it up, PointC, I'm quite new at this. :) I will consider getting a membership, Greensock is really awesome!



  • Like 1
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.