Animation origin of a path

[symbolebranding]

I'm trying to change the origin point of my staggering elements. Both are a path which visualy start drawing at the top of the line then goes down.

 

Is there any way to tell GSAP to start at the bottom of the path then up.

 

I tried with transform orignins without success.

 

Thanks in advance!

 

See the Pen ObGJPM by symbolebranding (@symbolebranding) on CodePen

[PointC]

Hi symbolebranding 

 

If I understand your question correctly, you want to draw the path from the end to the beginning? If that's the case, you can reverse it like this:

.staggerFromTo($elice, 0.5, {drawSVG:"100% 100%"}, {drawSVG:"0% 100%"}, 0.25)

Your pen was also missing the drawSVG plugin. This CodePen is a good bookmark. It has all the CodePen safe club plugins. 

See the Pen OPqpRJ by GreenSock (@GreenSock) on CodePen

 

Hopefully that helps.

 

Happy tweening.