Jump to content


Key Animation like Hotel Spider

Recommended Posts

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

Link to comment
Share on other sites

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. 

  • Like 1
Link to comment
Share on other sites

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.