after gsap update text hover working improperly

[SamW]

Hello 

Here are different versions of gsap. when gsap 2.0.2 is used text is text hover effect is showing correctly, 

See the Pen dyPjPVg by Sarvarkhuja (@Sarvarkhuja) on CodePen.

However, when i update gsap version to 3.0.5, opacity of text is being set to 0

 

I would appreciate any help to get the same result in the latest gsap version

 

regards

See the Pen ExadQjw by Sarvarkhuja (@Sarvarkhuja) on CodePen.

[ZachSaucier]

Hey SamW and welcome to the GreenSock forums! 

 

I believe that this is related to the default value of overwrite being changed to false from "auto" as it was in GSAP 2. Specifically an overwrite of "auto" or true is required for your ev.currentTarget opacity tween because it's in conflict with the other tween that changes the opacity to 0.

See the Pen mdyzKNJ?editors=0010 by GreenSock (@GreenSock) on CodePen.

 

I went ahead and also updated the formatting to use GSAP 3's format, including putting the duration in the vars parameter, using the string form of eases, and using gsap instead of TweenLite/TweenMax. Those are all optional of course, but are recommended and I think improvements  

 

Happy tweening!

[SamW]

Thank you soo much   for the your reply. It was very helpful