Animation stages

Check out how to apply different animations to your elements on the canvas

There are three different stages of animation that can be applied to each of your elements. These will occur in the following order:

1. Entrance animation
2. Emphasis animation
3. Exit animation

You can also add a pause before the next element starts.

• Select the element you wish to animate on the canvas or timeline and then click on the ‘Animation’ tab in the right-hand panel to display the animation options

Entrance animation

Set how you want your elements to animate as they are added to the canvas. You can also set the duration for this animation.

For more details see our Entrance animations article.

Emphasis animation

​Set how you want your elements to continue to animate once they are on the canvas. Emphasis animations are optional. You can also set the 'Duration' for this animation and the number of 'Loops' (the number of times it will repeat the animation).

For more details see our Emphasis animations article.

Exit animation

​Set how you want your elements to animate when they exit the canvas. Exit animations are optional. You can set the 'Duration' for this animation.

For more details see our Exit animations article.

Pause before next animation

You can also add a 'Pause before next element'. This pause will always happen after all the current element’s animations end and before the next element's animation starts.