How to add animations to elements on Canva

beginner 8 min read Updated 2026-03-18

Quick Answer

To add animations to elements in Canva, select the element you want to animate, click the Animate button in the toolbar, and choose from various animation styles like fade in, slide, or bounce. You can preview and adjust timing for each animation before publishing your design.

Try Canva Full Canva Review

Prerequisites

Canva account (free or Pro)
Basic familiarity with Canva's interface
A design project with elements to animate
Internet connection for real-time preview

Step-by-Step Instructions

Open your design and select an element

Navigate to your Canva design project and click on the specific element you want to animate. This can be text, images, shapes, or any other design element. You'll see the element highlighted with selection handles around it.

Group multiple elements together first if you want them to animate as one unit.

Click the Animate button

With your element selected, look for the Animate button in the top toolbar. It appears as a play icon with sparkles. Click this button to open the animation panel on the left side of your screen.

If you don't see the Animate button, make sure you have an element selected and that you're working on a supported design type.

Choose an animation style

Browse through the available animation categories in the left panel:

Fade & Slide: Gentle entrance effects
Rise & Fall: Vertical movement animations
Pan & Zoom: Camera-like movements
Bounce & Elastic: Playful, bouncy effects

Click on any animation to see a preview on your element.

Consider your design's purpose when choosing animations - professional presentations work best with subtle fades, while social media posts can handle more dynamic effects.

Adjust animation timing and direction

After selecting an animation, you'll see additional options appear:

Use the Direction dropdown to change how the animation enters (from left, right, top, bottom)
Adjust the Duration slider to make animations faster or slower
Set the Delay if you want the animation to start after a pause

Keep animations between 0.5-2 seconds for the best user experience.

Set animation sequence for multiple elements

If you have multiple animated elements, control their order using the Sequence options:

All at once: Elements animate simultaneously
One by one: Elements animate in the order you applied animations
Custom timing: Set specific delays for each element

Use staggered animations to guide viewers' attention through your design in a logical flow.

Preview your animations

Click the Play button at the bottom of the animation panel to see how your animations look in action. The preview will show all animated elements in sequence, allowing you to assess timing and flow.

Preview your animations multiple times and consider how they'll look to first-time viewers.

Apply animations to additional elements

Repeat the process for other elements in your design. Select each element individually and choose appropriate animations. You can mix different animation styles within the same design for varied effects.

Maintain consistency by using similar animation families (like all slides or all fades) for related elements.

Publish and share your animated design

Once satisfied with your animations, click Share in the top right corner. Choose your preferred sharing method - animations work in:

Canva presentations (full animation support)
MP4 video downloads
GIF exports for social media
Web links with interactive playback

Note that static formats like PDF or PNG will not preserve animations.

Common Issues & Troubleshooting

Animate button is greyed out or missing

Ensure you have an element selected and you're using a supported design type. Animations aren't available for all Canva templates - try creating a new presentation or social media post design.

Animations not playing in exported file

Check your export format - animations only work in MP4 videos, GIFs, and Canva presentations. Static formats like PDF, PNG, or JPG will not show animations.

Animation timing feels off or too fast

Select the animated element and adjust the Duration slider in the animation panel. Increase duration for slower animations, or add Delay to create better spacing between multiple animated elements.

Multiple elements animating in wrong order

Use the Sequence settings in the animation panel to control timing. Select One by one for sequential animations, or set custom delays for each element to control the exact order of appearance.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Canva website before purchasing.

Visit Canva View Canva Pricing