Animation

Business Background

Use Animation to add visual interest to your screen. The Animation option is available for different types of elements.

Create the illusion of movement in the element when they show on the screen. You can set the duration and delay to control the movement and preview by default.

How to Video

  • 0:02 An introduction to In and Out Animation.
  • 0:22 Navigate to Index Settings.
  • 0:47 We show you how to set an In Animation.
  • 0:58 Learn how to set an Out Animation.
  • 1:51 Preview the updated project.

How to Guide

You can choose any element. In this article, we show the Image as an example.

  1. Click the icon to open the list of elements.
  2. Select the Media option from the list.
  3. Click-and-drag the Image element to the canvas.
  4. Click the Image settings Gear icon. The Image settings screen opens.
  5. Select the Animation option.
  6. Use the Animation In drop-down list to select an animation option. For instance, you can set the image movement to Bounce In Left, Fade In or Rotate In.
  7. Use the Animation Out drop-down list to select an animation option. For instance, you can set the image movement to Bounce Out Left, Fade Out or Rotate Out.
Animation options selected
Animation options selected
Note:

The animation option that you select from the drop-down list is automatically shown in the Preview block. Click the Refresh icon to view the animation preview again.

This image has an empty alt attribute; its file name is image-1367.png

  1. Set the animation duration and delay in seconds.
Animation settings
Animation settings

Hidden Title

Need more help?