Animate Elements

To animate an element, select the animation from the element options panel -> Advanced -> Animations Options. An example of this is shown below.

With an advanced system of options, you can add movement to your elements using the CSS3 animations: slide, fade, zoom, rotate are just a few examples.

It is possible to animate and control delay and duration (in seconds) to any element of Zion Builder.

Appear Delay
The number of seconds after the event to start the animation.

Appear Duration
The number of seconds how long it takes to animate the element.

Was this article helpful ?

151 people consider this article helpful
Thank you! We will improve this article.

Didn’t find what you’re looking for? Please let us know

Submit a ticket