i want create button same home page gsap

[devdongvi]

i want create button same home page gsap.Who's that helpme.

[mvaneijgen]

Hi @devdongvi welcome to the forum!

 

Here another topic with two different button effects shared by @Cassie, I couldn't find the exact one, but maybe some more Codepen examples get shared in the future. Seems like a fun challenge though! What have you tried already? We love to see what you can come up with, that is the best way to learn the tools! If you're new to GSAP check out this awesome getting started guide https://gsap.com/resources/get-started/ Hope it helps and happy tweening! 

 

 

 

[devdongvi]

3 hours ago, mvaneijgen said:

Hi @devdongvi welcome to the forum!

 

Here another topic with two different button effects shared by @Cassie, I couldn't find the exact one, but maybe some more Codepen examples get shared in the future. Seems like a fun challenge though! What have you tried already? We love to see what you can come up with, that is the best way to learn the tools! If you're new to GSAP check out this awesome getting started guide https://gsap.com/resources/get-started/ Hope it helps and happy tweening! 

 

 

 

Thank you, is there any way to separate two words when hovering?

[mvaneijgen]

Yeah just use the SplitText plugin and move the one word to x: -50 and the other x: 50 and they will split. If you still need help please share a minimal demo and we'll be happy to take a look at your setup. Hope it helps and happy tweening!  

[Rodrigo]

Hi,

 

Also you can borrow some logic from this demo for the flying flair:

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

 

Hopefully this helps.

Happy Tweening!