Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Key Animation like Hotel Spider

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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.