Responsive Animations

When you need to run an animation to respond to an event, you'd typically want it to run immediately. To avoid waiting for other animations to finish, make sure add the stop all animations block. This block stops the current animation and clears the animation queue.

In the example below, we want to run the Sparkle animation as soon as a shake event is detected. To do so, we add a stop all animations block before the show animation block.

This guide was first published on May 30, 2017. It was last updated on Sep 20, 2018. This page (Responsive Animations) was last updated on Nov 11, 2017.