Share Posted June 15, 2019 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 More sharing options...
Share Posted June 15, 2019 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. 1 Link to comment Share on other sites More sharing options...
Author Share Posted June 15, 2019 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 More sharing options...
Share Posted June 15, 2019 Are you trying to draw that line? You can use the drawSVG plugin for that. https://greensock.com/drawSVG 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now