Zero Block: trigger animation

How to setup the element animation that will be started after a click or hover on another element
Getting started
Triggers is a part of Step-by-step animation. To start working with trigger animation, you need to learn the basics of step-by-step animation according to the help article.


To add a trigger animation start setting up a step-by-step animation. To do this, click on the «Add» button in the Step by step animation section in the element settings.
Select the type of event for which the animation will start. Trigger animation can only work on hover (on Hover) or click (on Click).
Click on Add trigger and click on an element in the Zero Block. It will change a trigger element and animation will be started after click or hover on this element.
After selecting a trigger, add animation steps. In our example, we've added the usual movement of the shape by 300 px to the right when we click on the button.
CLICK HERE!
Check how your animation works in a browser
In addition to Play Element and Play All buttons, in Tilda you can preview your animation.

Open two tabs in your browser: Zero Block and the same page in a preview mode.

So when you click Save in Zero Block, you will changes in a preview page after you refresh it.
Made on
Tilda