Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
SamW

after gsap update text hover working improperly

Recommended Posts

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

Link to post
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 post
Share on other sites

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

Link to post
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.

×