You can add more than one animation on top of any component. You can choose from the following animation types: Move, Fade, Zoom, Pulse, and Rotate.
To add a new animation:
-
In the Builder workspace, click the banner's component to add an animation.
-
In the component settings panel, go to Animations.
-
In the New Animation dropdown list, select an animation type. (You can add multiple animations.)
-
In the Loop all animations, enter a number for how many times animations should loop. (Type a considerably large number if you need an animation to loop for a long time.)
-
In Show all animations, specify if animations should be displayed on banner load or only after a specific action happens. (For example, when the banner expands, a button fades in.)
-
Customize animation settings depending on their type:
-
If you select Move animation type, you can add a custom animation end position. Click Select custom end position and click on the banner where you want the animation to end. The component will move to that specific place.
-
If you select Fade animation type, you can select if the component should gradually appear (fade in) or disappear (fade out).
-
If you select Zoom animation type, you can select if the component should be zoomed in or zoomed out.
-
If you select Pulse animation, you can set the speed of pulsing, ranging from very slow to very fast, or set a custom pulse speed.
-
If you select Rotate animation, you can set the degree at which the component starts and finishes rotating.
-
-
In the toolbar, click Save.