Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Efe Işık

Closing Smooth In Animations

Recommended Posts

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

Screenshot_32.png.7950a7af031b697fd81cb85600046fc7.png

 

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.

Link to post
Share on other sites

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

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

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.

×