Animations help to bring more life to your page and help to command the viewer's attention.

There are three basic settings for animations, the Trigger, the Style, and the Delay...

1.) The Trigger

The animation trigger is what sets the animation in motion. There are two options for this:

  1. On Page Load – When the page has loaded (after any delay that you have set).
  2. On Scroll – When the visitor scrolls down on the page (after any delay that you have set).

2.) The Style

There are 6 different animation styles:

  1. Fade In
  2. Fade with Scale
  3. Fade From Left
  4. Fade From Right
  5. Fade From Top
  6. Fade From Bottom

3.) The Delay

The animation delay causes your animation to hold off until the specified time (set in milliseconds).

Did this answer your question?