Apply, change, or remove animations
Unleash your creativity by animating your design pages, text, and elements.
If you’re looking for a transition, our using page transitions article can help you with that.
When the Reduce motion setting is turned on for a device, animations are reduced. We also remove all transitions, background animations, masks, and overlays. Learn more about reducing motion settings for animations and transitions.
Animate elements and design pages
- Select the elements you want to animate.
- On the toolbar above the editor, select Animate.
- To animate your current page, select the Page tab. To animate selected elements, select the Element tab. To animate a selected text box, select the Text tab
- To preview an animation, hover your mouse cursor over it.
- To apply an animation, select it from the options.
- For selected animations, you can choose a speed preset (Slow, Medium, Fast) or set precise intro and outro durations using the duration controls.
You can also combine General or Suggested animations with Add-on effects. Mix and match different styles to see which styles suit your design best.
Note that the available animation styles depend on whether you’ve selected a text, graphic, shape, photo, or video.
More animations and transitions are available to Canva Pro, Canva Teams, Canva Education, and Canva for Nonprofits users. They’re tagged with a Try Canva Pro icon from the options.
Change or remove animations
- Select a page or element.
- On the toolbar, select the Animate. Animation options will show on the side panel.
- To change animations or motion effects, simply select a different one from the options.
- To remove animations or motion effects, Select Remove animation.
Change the timing of animations
Through on-click
If you have toggled the Appear on click setting, you can change the order of animations.
- Under the Presentation settings, select Click order.
- Drag and drop each element to your preferred order (first to last) using the drag handles.
Through show element timing
You can show element timing and change the timing of animations.
- Select the element where you have applied animation.
- In the floating toolbar, select More.
- Select Show element timing. The element timing will appear in the thumbnail view below the editor where you can change the timing of animations.
- To arrange the order in which the animations appear, drag and drop each element tile to your preferred order (first to last).
- To modify the duration (in seconds) of the animations, use the drag handles from left to right.
Create animations
- Click an element that you want to animate.
- On the toolbar above the editor, click on Animate.
- Select Create an Animation.
- Drag the element, text, or photo to create your preferred movement.
- Adjust the Movement Style, Presentation settings, and Add-on effects as needed.
- Click Done to save your animation, or Delete path to remove it.
Bring your designs to life with one-click animations. Use the Animation editing panel to control their sequence.
Reorder when elements appear in an animation
- Select all the elements you want to animate in sequence.
- Click Animate.
- Select Create an animation.
- Create your preferred movement style and adjust the speed accordingly.
- To manage the sequence in your design, turn on Appear on click, then select Click order.
- Drag the elements in the order you want them to animate after you click.
You can download animated designs as videos or GIFs.
You can also directly share them on social media, or schedule them for later.
Note: Each animation can only be 10 seconds long at the maximum. A design can have a maximum of 50 animations created.
How can I apply animations to my design instantly?
With just one click, Magic Animate instantly enhances your designs with sleek animations and seamless transitions.
Learn more about using Magic Animate.
Was this helpful?
Helpful
Unhelpful