Jump to content
Search Community

Jerks with simple animation

pencilCrash test
Moderator Tag

Go to solution Solved by ZachSaucier,

Recommended Posts

I made a very simple animation of the button, but after reloading the page, the buttons stand still, then abruptly move to the specified position and the animation begins.

How to avoid this?

I posted some code on codepen, but it doesn't show this effect, so I attached a video.

See the Pen BaQxYeQ by nikita-sidorenko (@nikita-sidorenko) on CodePen

Link to comment
Share on other sites

3 hours ago, mvaneijgen said:

You could `.set()` the opacity with `autoAlpha` to the elements to hide them by default. Then when the animation runs set the opacity back to 1 and I would animate `.from()` instead of `.fromTo()` if you don't change the end value.

 

 

 

But when the page is reloaded, the elements still appear briefly in their places and a jerk is obtained

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.
×
×
  • Create New...