Strange delay on Timeline animation

[Rager]

Hi everyone,

 

I'm getting a strange delay at the beginning of my Timeline animation and I just cannot figure out why. The lines should be shrinking in height right away without delay.

 

Any help is greatly appreciated.

See the Pen oqGLex by klynicol (@klynicol) on CodePen

[PointC]

Hi @Rager

 

Welcome to the forum.

 

That's coming from the ease you have set on the tweens. 

    TweenMax.to(logoRightLines, 0.8, {
        ease: Power0, // this doesn't need to be here or would need to be Power0.easeNone
        height: 190,
    }),

 

The default ease should be TweenLite too:

// switch this
TweenMax.defaultEase = Linear.easeNone;

// to this
TweenLite.defaultEase = Linear.easeNone;

 

You're setting a default Linear ease so you don't need that ease in there anyway. Take that out and it will work just fine for you. Here's a fork of your pen.

 

See the Pen OvxXvQ by PointC (@PointC) on CodePen

 

Happy tweening and welcome aboard.

 

[Rager]

Dang, quick reply! Love it! Thanks so much, looks like that's my issue

[PointC]

Happy to help. That's the GreenSock experience. 

 

Let us know if you have additional GSAP questions. Happy tweening.