staggerTo stagger incremental increase

[longstoryshort]

Hi,

 

Is it possible using staggerTo to change the stagger value for each iteration so that it increases/decreases.

 

So for example the stagger value would decrease .1 for each element

 

Something like:

 

.staggerTo('element', 1, {autoAlpha: 1},  x -= .1  );

 

Many thanks,

[Dipscom]

Hi Longstoryshort,

 

Welcome to the forums!

 

Yes, you should be able to achive that by using a function in your stagger with the BRAND-SPANKING-NEW Advanced Staggers™️ see this post with details and here is a page of the docs with relevant details as well.

 

Something along the lines of the bellow should do the trick:

 

.staggerTo(element, 1, {autoAlpha:1}, function(index, target, list) {
  return 0.1 * index;
}

 

[GreenSock]

Yep, and remember that you can define an ease for the staggers, so if you want them to start out small and get larger, you could simply use a Power2.easeIn, for example. 

.staggerTo(".class", 1, {
  autoAlpha:1, 
  stagger: {
    amount:3, 
    ease:Power2.easeIn
  }
});

 

Happy tweening!

[longstoryshort]

Thank you both. V helpful