Canva Animations
Animation adds movement to an otherwise static design. Canva applies animation at two levels, controlling either the whole page or the individual elements sitting on it. This topic covers both levels, along with timing and when to skip animation entirely.
Static vs Animated on Screen
The layout guide below compares a still object with the same object once an animation applies to it.
The left box shows a headline sitting still on the page. The right box uses arrows to suggest the upward motion the same headline makes once the Rise animation style plays.
Page Animation Compared With Element Animation
A page animation controls how an entire slide enters or transitions during playback. An element animation controls how a single object, like a text box or icon, moves on its own within an otherwise still page.
A Simple Way to Picture It
Picture a stage play. The curtain rising controls how the whole scene appears to the audience, similar to a page animation. A single actor walking across that same stage controls their own individual movement, similar to an element animation. Both types of movement can happen within the same performance.
Animation Type Table
| Type | Applies To | Example Use |
|---|---|---|
| Page Animation | Entire slide or page | Slide transitions in a deck |
| Element Animation | Single object | A headline that fades in |
Applying a Page Animation
Clicking "Animate" in the top toolbar while no object is selected opens a panel of animation styles, such as fade, rise, or pan. Clicking any style previews it directly on the page immediately.
Applying an Element Animation
Selecting a single object first, then clicking "Animate" in the toolbar, opens a set of styles suited to individual elements. These include effects like breathe, tumble, or pulse, which differ from the whole-page options.
Common Element Animation Styles
| Style | Visual Effect |
|---|---|
| Fade | Object appears gradually |
| Rise | Object slides upward into place |
| Pulse | Object grows and shrinks slightly on a loop |
| Wipe | Object reveals from one side to the other |
Setting Animation Timing
Some animation styles include a speed or delay setting inside the panel. Slower timing suits formal presentations meant to feel calm and deliberate. Faster timing suits energetic social media content meant to grab attention within the first second.
Previewing Animated Designs
Clicking "Play" in the top right corner previews the full animated sequence exactly as viewers will see it. This preview matches what appears once the design exports as a video or plays in Present mode.
When to Skip Animation
Printed materials never need animation, since paper cannot display movement of any kind. Skipping this feature entirely for flyers, posters, or documents meant only for print saves editing time on projects where it adds no value.
A Practical Walkthrough
A startup founder builds an investor pitch deck. She applies a subtle fade page animation between slides for a smooth, professional flow, then adds a rise element animation to each slide's key statistic, timing it to appear a beat after the headline for added emphasis during her live talk.
Quick Recap
- Page animations affect a whole slide, while element animations affect single objects
- Selecting or deselecting an object before clicking Animate changes the available styles
- Timing settings adjust how fast or slow an animation plays out
- Animation only matters for designs viewed on a screen, not printed materials