Jump to content


Tweening path opacity

Moderator Tag

Recommended Posts

Trying to tween the opacity of a path like

gsap.to(play,{duration: 0.25, opacity:0, delay: 0.20})

but the path won't disappear for some reason.


I also tried via `#play_btn`

See the Pen OJZeQZL by 7linternational (@7linternational) on CodePen

Link to comment
Share on other sites

Any particular reason you where using a really old version of GSAP? We're currently at version 3.11.3 and you are loading version 1.18.0 (/cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js). You're also using the new an old syntax randomly and that is where I think your issue lies. 


I've cleaned up your code some what, by only using the new syntax and loaded the latest version of GSAP and MorphSVG. If you need help migrating check out this post. 



See the Pen JjvQZRO?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen


  • Like 2
Link to comment
Share on other sites

Thanks, no particular reason, it probably was like this when I forked it. Thanks!

Any particular reason why the circle with the pause Rect is out of position? Is the animation overriding styles?

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.