Key Animation like Hotel Spider

[Oskar]

Hello Folks, I am learning GSAP and trying to dive deep into GSAP just for the tweaking I am trying to create a key animation from taking inspiration from the given URL :https://www.hotel-spider.com/en

 

Just like that I need to replicate with GSAP. I am trying to do so but not sure where I am going wrong.

Here is my try

 

 

See the Pen rExrdG by patrickjane (@patrickjane) on CodePen

[PointC]

Sorry, I don't understand the question.

 

You're animating the opacity and x position which all seem to be working correctly. Is that not the desired result? More details would be helpful. Thanks. 

[Oskar]

Thanks for the response Yes If you have checked the supplied link of Hotel spider I am able to achieve opacity but not able to traverse through svg path I tried but it just disappeared. I am trying to replicate the hotel spider key animation with almost similar effect

[PointC]

Are you trying to draw that line? You can use the drawSVG plugin for that.

https://greensock.com/drawSVG