Premium

Scroll Reveal

Reveal a block when it enters the viewport. The wrapper on this page is the widget, with sample lines beside it so you can see the section.

What it does

Scroll Reveal marks its wrapper with the animation settings and lets the front-end script run the reveal when the block scrolls into view.

Live demo

Scroll this block into view. The widget wrapper is the next element on the page.

Sample line one.

Sample line two.

How to implement

  1. Drop EE Scroll Reveal on the page.
  2. Put the content you want to reveal inside the widget.
  3. Choose the animation preset. Visitors who prefer reduced motion keep a still layout.