Closing Smooth In Animations

[Efe Işık]

Hi, I creating a website and i using TweenMax. I've created line animation like this;

 

Its connected with scroll. Animation is like that;

First left long line going down then bottom line goes to right then right line starts from bottom to top finally top line start from right and goes to left and animation is ends.

At the end we had this image. But there is something it will drive me crazy. At the start of animation lines goes normal (fast). But when its ending its very slow down like smoothing. Example at the start of animation i scrolling 1 click, lines with changes between 0 - 30px but the end of animation i scroll 1 click again and lins with changing between 0 - 10px. Why it like that? I want line is always change same pixel when i scroll same long. In other words i want to close this smoothing.

[mikel]

Hey @Efe Işık,

I guess you didn't set an ease.
Default is "power1.out" - see here in the docs.

Seeing a CodePen of your case would be great.

 

See the Pen vopoyO by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel

[Efe Işık]

On 1/22/2020 at 6:27 PM, mikel said:

Hey @Efe Işık,

I guess you didn't set an ease.
Default is "power1.out" - see here in the docs.

Seeing a CodePen of your case would be great.

 

 

 

 

Happy tweening ...

Mikel

Thankyou so much, this is answer which i want :D HAND