Jump to content
GreenSock

glenhodges

Any advise from GSAP experts on how I would do this?

Go to solution Solved by PointC,

Recommended Posts

Hey everyone! Glen here, I'm a web developer and looking for advise on a button I have to animate. Basically when you hover over the button, the button will curve downward as well as the text within it. I have included a screenshot to help visualize what I am talking about. 

Screen Shot 2022-03-21 at 3.44.43 PM.jpg

  • Like 1
Link to comment
Share on other sites

  • Solution

Hi @glenhodges :)

 

Welcome to the forum.

 

Yep - just like @Cassie mentioned, morphSVG would make this pretty easy. Here's a quick version to show you the basics.

 

See the Pen PoEGNjm by PointC (@PointC) on CodePen

 

MorphSVG is a Club GreenSock perk so you can check that out too. 

 

Happy tweening and welcome aboard.

:)

 

  • Like 6
  • Thanks 1
Link to comment
Share on other sites

Champion! 🥳

  • Like 1
Link to comment
Share on other sites

  • 1 month later...

Thank you so much @Cassie and @PointC you guys are amazing! I really appreciate it. 

 

Glen

  • Like 1
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.
×