Button hover background in react

[kamalhosen]

How can I achieve this hover background animation using gsap. I'm using next.js 13. 

[mvaneijgen]

Hi @kamalhosen welcome to the forum!

 

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide "how do I recreate this cool effect I saw on another site?" tutorials. 

 

That said, check out this awesome tutorial our own @Carl did on how this logic could work in GSAP 

 

 

 

I recommend just wipping up a code pen to test your skills and when you get stuck, just post back here with a link to your pen, so we can point you in the right direction. Here's a starter CodePen that loads all the plugins. Just click "fork" at the bottom right and make your minimal demo: 

See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen

 

Hope it helps and happy tweening! 

[Rodrigo]

Hi,

 

Also reading this would be a good idea as well:

https://gsap.com/react

 

Happy Tweening!