Website Building » Wix » How Do You Animate on Wix?

How Do You Animate on Wix?

Last updated on January 6, 2023 @ 6:21 pm

There are many ways to animate on Wix. You can use the Wix Editor to create animations, or you can use Wix Code to add animations to your site.

To animate using the Wix Editor, simply click on the element you want to animate and select the animation you want from the drop-down menu. You can also add animation effects to text by selecting the text and choosing an animation from the Text Effects menu.

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

To add animations using Wix Code, you’ll need to add a bit of code to your site. First, create a new page or post and select the HTML option. Then, paste the following code into the HTML editor:

PRO TIP: If you are considering animating on Wix, be warned that there are some serious limitations. First and foremost, Wix does not support any kind of frame-by-frame animation. This means that you will not be able to create traditional animations like those seen in cartoons or movies. The only type of animation that Wix supports is keyframe animation, which is a much more limited form of animation. In addition, Wix’s animation tools are very basic and lack many of the features found in more sophisticated animation software. As a result, animating on Wix can be a frustrating experience for those who are used to working with more powerful tools.
<style>
  #myElement {
  animation: myAnimation 2s;
}
</style>
<div id="myElement">This is my element</div>

Save your changes and preview your site. The element with the ID of “myElement” will now be animated. You can change the animation by changing the name of the animation ( myAnimation ) and the duration ( 2s ).

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.