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).
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/