We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I'm in latest Chrome, and this is what I see when I try to animate translateX: http://jlongster.com/s/flicker-anime.mov
translateX
This is the code I'm using to animate it, very simple:
const elements = []; let x = 0; function animateLeft() { x -= 250; anime({ targets: elements, translateX: x }); } function animateRight() { x += 250; anime({ targets: elements, translateX: x }); }
There are buttons off screen that I'm pressing to move it back and forth. Any idea?
The text was updated successfully, but these errors were encountered:
You have to make sure the elements translateX values are not animated when creating a new animation, like this:
const elements = []; let x = 0; function animateLeft() { anime.remove(elements); x -= 250; anime({ targets: elements, translateX: x }); } function animateRight() { anime.remove(elements); x += 250; anime({ targets: elements, translateX: x }); }
Sorry, something went wrong.
Better pause management, fix flashes / flicker when overlapping anima…
34c2730
…tions #269 #257
When using 2.2.0, this actually made the difference between a flicker and not for me. remove seems to be pretty important when re-running animations.
remove
No branches or pull requests
I'm in latest Chrome, and this is what I see when I try to animate
translateX
: http://jlongster.com/s/flicker-anime.movThis is the code I'm using to animate it, very simple:
There are buttons off screen that I'm pressing to move it back and forth. Any idea?
The text was updated successfully, but these errors were encountered: