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

What is Framer? Join the Community
Return to index
Briana Winter
Posted Apr 23 - Read on Facebook

How can I make this animation pause?

I've got a red rectangle. When you click it, an animation starts, where the rectangle turns orange, then yellow, then green, etc.

While the animation is running, if I click the rectangle, the animation needs to pause. And when paused, if you click the rectangle, the animation needs to start up again (from where it left off).

1 Comments

Floris Verloop

After a click event — you can simply check if the layer is currently animating and stop it or vice versa. See this example → http://share.framerjs.com/90vw7nk0vzcc/

Read the entire post on Facebook