Jump to content
GreenSock

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

What is causing the delay to starting the reverse?

Go to solution Solved by gpalmer,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi there

 

I'm working through some of the concepts of GreenSock and was hoping someone could point out to me the issue with this animation. As you can see in the codepen the slider measuring the duration of the entire timeline is only about 80% through when it appears all my animations are finished. As a result, when I got to reverse the animation, there is a considerable delay before an animation kicks in. 

 

Thanks

 

DB

See the Pen mVpwNe by DB1500 (@DB1500) on CodePen

Link to post
Share on other sites

Hello,

It appears that although the hambuger visibility is set to none, you are still tweening which adds that tween time to the total timeline duration:

 
.to(".fa-bars", 0.5, {
opacity: 1,
rotation: "-180"
}, "header+=1")
 
Removing this tween from the timeline will make the timeline complete when "Contact" finishes animating in.
  • Like 1
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.

×