Flip Starting Point For Animation

[samwatts1988]

Hi there! 

 

I'm looking to extrude a line in the way that I've shown in the attached CodePen, but when the line is revealed I then want to shrink the height of the line back to zero from the opposite end of the line. 

 

I've had a look through the documentation and tried a couple of bits out but they either don't seem to be quite right for my use case or I might be wrong in the way that I'm applying them (I think I looked at using reverse for this and changing the transform origin).  It could be that I'm also using the wrong tool entirely or that there might be a suitable GSAP plugin for this, so I'd be really grateful for any pointers in the right direction here! 

 

Many thanks in advance for your help here. 

 

Sam

See the Pen LYoeNBw by samwatts1988 (@samwatts1988) on CodePen.

[GreenSock]

There are many, many ways to do this but here's one: 

See the Pen jOoYmoz?editors=1010 by GreenSock (@GreenSock) on CodePen.

 

Is that what you were looking for? 

[samwatts1988]

Thanks so much Jack - feel like I should have clocked that one myself! Works a treat, really appreciate it.