How To Animate on Click in Canva

Canva hasn’t added animate on click yet. Learn how to add animations to the design on Canva through the steps below.
Animate on Click in Canva

Canva offers exclusive tools and features to work with, making it arguably one of the best design tools. While animations are offered on Canva, unfortunately, animate on click isn’t available yet.

To address this, we have tried to mimic, but none has worked. Hence, we will guide you with something similar where animation plays on set conditions, and here are the steps for it:

Animate an Element in Canva

Note: There aren’t specific steps to explain the animation process, as it can be performed in multiple ways. To give you a better understanding, we have come up with a small demonstration that guides you through the entire process.

  1. Start by navigating to Canva and sign in with your credentials. Once you’re signed in and are on Canva Home, get started by clicking on the Create a design button and choosing a design.
Create a design
  1. However, if you have started working on a project, you can open it from the Recent designs section located on the home screen.
Recent designs
  1. Once the new or existing design is loaded, start by adding any element, which can be text, graphics, shape, image, etc. For demonstration, we have chosen to work with an image.
Add an image to Canva

Quick Tip: To add an image to the design, click on Uploads from the Editor panel on the left. Next, click on the image you want to add to the design. If you haven’t uploaded anything yet, do it by clicking on the Upload Files button.

  1. With the element added to the design, click on it to reveal options at the top. Now, navigate to Animate from the available options and click on it.
Animate option
  1. By doing so, you’re displayed with multiple animations on the left. Now, hover your cursor on to any and look at the preview on the right. Once you’re satisfied with the animation, click on it to reveal its options.
Animations on Canva
  1. From the available options, look for the options under Animate and set the condition. For instance, we have selected Both, which makes the animation performed on enter and exit.
Both condition
  1. Once you’re happy with the result, click on Share > Download > Download button to download the design. While doing so, ensure you set the File type according to your requirements. If you have done it right, you might have a result similar to the one below.
Animation result

Wrapping Up

While Canva excels at most, it has turned a letdown by not offering animate on click feature/tool. Hence, we have explained how to add animations to the design as an alternative.

However, if you’re willing to leave Canva and want to achieve animate on click, you can do it on Figma, but at the cost of learning and the difficulty of adding everything manually.


How To Set Time for Animation in Canva

How To Make a GIF in Canva

Best Web Design Software

Pttrns

We will be happy to hear your thoughts

Leave a reply

Pttrns
Logo
Enable registration in settings - general