Jump to content


after gsap update text hover working improperly

Moderator Tag

Recommended Posts


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



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

Link to comment
Share on other sites

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!

  • Like 1
Link to comment
Share on other sites

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

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.