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

What is Framer? Join the Community
Return to index
Jeff Lin
Posted Jul 11 - Read on Facebook

Hi guys,
I have a question. I'm trying to create a loop animation with a play/pause button.
When I press the green play/pause button,
the red square at the right should loop form the top to the bottom in 3s.
But when I press the button to pause and replay the animation loop,
depending on where the red square is, it will still go from there to the button in 3s, which means it goes at a slower pace.
Does anyone know how to keep the animation speed the same? Or another better way to make an animation loop with play and pause button?

Here is my Framer file:
http://share.framerjs.com/ry2sgwzg64m4/

Thanks

3 Comments

Balraj Chana

Hey Jeff, you may have to recalculate the layer's speed when the animation has completed or when the animation has stopped (paused). Here's how I would do it, comments are in the example here: http://share.framerjs.com/k1mqdfug5fvi/

Dan Clarke

thanks for this Balraj Chana, I was trying to figure this out too but failed

Jeff Lin

Balraj Chana, Thanks!!!

Read the entire post on Facebook