[Animation origin of a path]

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

[Reusing nested timeline]

Thanks so much! 

[Reusing nested timeline]

I created a master timeline so my 6 timelines animate one after the other when the page is loaded.

 

I would like each separate timeline to animate separately on mouse enter. I can manage to do either one of the above but not both.

 

I've got to achieve this using setTimeout function to animate on load. But I would prefer staying with GSAP for this.

 

How can I achieve this.

 

Please note that I am very new at this!

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