Block Animations

This module adds animation options at a row and widget level. To animate a Page Builder row start by clicking the wrench icon at the far right of the row followed by Edit Row. On the right, you’ll see the Animations tab, click on it to setup your row animation. To animate a widget, hover over the widget and click the Edit link, the Animation tab can be found on the right.

View a Block Animations demo.

Both row and widget animation tabs have the following settings:

Select the type of animation you’d like to use for this row.

Animation Event
Choose the event that will trigger the animation. The following options are available:

  • Element Enters Screen
  • Element In Screen
  • Page Load

Screen Offset
How many pixels above the bottom of the screen must the element be before animating in.

Animation Speed
The number of seconds that the incoming animation lasts.

Hide Before Animation
Hide the element before animating.

Animation Delay
The number of seconds after the event to start the animation.