Animations are displayed in the editor only by the Play Animation button. Checking multiple animations together is only possible in the preview.

Trigger

In the Triggers section you can select the animation triggers: display start, display end, click/tap and script/action flow and configure them in the lower part of the section. The activated triggers are marked with an icon.

1. Display start: The configured animation is triggered when the element is displayed. This trigger can be used e.g. with a sequence or with a display of elements controlled by display conditions. Making elements or pages visible by using the navigation function can also be combined with this type of animation trigger.
2. Display end: The configured animation is triggered when the element is hidden. The display end of an element can be controlled e.g. by a sequence, an exchange container or display conditions. 
3. Click/tap: Clicking or tapping triggers the animation of an element.
4. Script/Action flow: If you want to activate an animation with a script or through an action flow you can use this trigger.

Properties

Preset

In the Preset option you can choose between various preset animations, such as Bounce, Flash, and Fade out. The custom preset allows you to configure various element properties, transformations and filters.

With the help of the button Play Animation the animation can be tested.

Additional animation properties

In addition to the different Presets for the animation, the following animation properties can be configured:

• Duration: The duration allows you to set the duration of an animation from the start value to the target value. 
• Delay: This option allows you to configure a delay between the triggering and the start of the animation. 
• Iteration count: This option allows you to set the number of times the animation will be displayed after triggering.
• Easing: You can configure the temporal progress of an animation with the following options:
• Linear
• Ease
• Ease In
• Ease Out
• Ease In/Out