This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jon Arnold
Posted Apr 06 - Read on Facebook

I built an endless scrolling animation with some flaws:
https://framer.cloud/VBtiF/

- There is a gap between those two layers after they are looped the first time
- The linear animation is not as smooth as expected

Any ideas?

3 Comments

Jon Arnold

ideas? ;-)

Niels van Hoorn

The gap is probably because of timing problems, I'm not sure why the animation is slow. I would solve it differently: make sure one layer rotates, and make the other one follow it: https://framer.cloud/LnCqF

Steve Ruiz

Here are three solutions - the first using one static layer and another that shrinks or grows, which is all that is needed for basic colored shapes; then two with layers that move across the screen, which is necessary for layers with images. The problem with the gap seems to be with .onAnimationEnd(), which I've solved by using an event listener instead. https://framer.cloud/wpYeY/

Read the entire post on Facebook