gsap.from() didn't work on the a tag button

[Ndubuisi AndeOrji]

Please, I need assistance.

I was using Gsap.from() on my work, with four classes and it worked on three but failed to worked on the fourth one carrying an 'a' tag linked to it.

I have tried many things to get it to work but to no avail.

See the Pen zYavbdx by ndubuisi-andeorji (@ndubuisi-andeorji) on CodePen

[mvaneijgen]

Hi @Ndubuisi AndeOrji welcome to the forum!

 

If you want to animate elements using GSAP, you have to let GSAP handle all the animations! If you in your CSS then also try to animate/transition something CSS and GSAP will fight for control over who will animate the element. 

 

I've disabled line 148 in your CSS transition: .3s; This line will tell the browser to animate EVERYTHING over a duration of 300ms . This is probably for the hover animation that will change the color so you could set it to transition: background-color .3s; to CSS only transitions the background-color, but be aware of this logic when working with GSAP.

 

Hope it helps and happy tweening! 

 

See the Pen zYavXMp?editors=0100 by mvaneijgen (@mvaneijgen) on CodePen

[Ndubuisi AndeOrji]

Thank you very much for your help, I really appreciate. You made me a happy man once more.