How to reverse the sequence of staggerTo() when using CSS selectors

[MindGamer]

I'm using staggerTo to animate a class of elements in sequence.

 

As in:

TweenMax.staggerTo(".myClass", 1, {opacity:0}, 0.2);

And that works fine -- except that it always animates the elements based on their sequence in the DOM.   ie: The elements that are first-defined are first to animate.

 

Is there a parameter to reverse that sequence?

 

I feel like there should be an easy way to accomplish this without using a timeline -- but maybe not.  

[OSUblake]

There might be an easier way to do this, but you could just create a reversed list of your elements.

 

See the Pen 055110560dea89197467311fc0172140 by osublake (@osublake) on CodePen

[bromel]

I believe Carl came up with an ideal solution. 

 

http://greensock.com/forums/topic/8854-stagger-from-the-last-element/

 

 

regards

 

Bromel

[Diaco]

bromel ,  pls check Jack's detailed Explanation : http://greensock.com/forums/topic/8854-stagger-from-the-last-element/?p=35259

[bromel]

Hi Diaco,

I have properly read Jack's explanation fully now, thanks for the heads up

 

 

regards

 

Bromel