Animating elements in Canva is a easy and fun way to add some pizzazz to your designs. You can animate elements in two ways: with the built in animation tool, or by using CSS code.
With the built in animation tool, simply select the element you want to animate and click on the “Animate” button. From there, you can choose how you want the element to animate.
You can make it move from left to right, top to bottom, or even spin around. You can also choose the speed of the animation and how long it lasts.
To animate an element using CSS code, you need to add a “style” attribute to the element’s HTML code. In the style attribute, you will add the CSS code that will make the element move. For example, if you want an element to move from left to right, you would add the following CSS code:
< style >
#element {
animation: move-right 1s;
}
@keyframes move-right {
from { left: 0px; }
to { left: 100px; }
}
< /style >
This CSS code will make an element with an id of “element” move 100 pixels to the right over the course of 1 second. You can change the 1s to change how long the animation lasts, and you can change the 100px to change how far it moves.
You can also use CSS animations to make elements spin around. To do this, you would use the following CSS code:
< style >
#element {
animation: spin 1s;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
< /style >
