Elementor Reveal Animation on Scroll
Reveal is a Master Addons Pro extension that uncovers a widget or column with a sliding color block. When the element scrolls into view, a block in your chosen color or gradient covers it, then slides away in the direction you pick and leaves the content in place. It plays once per page view. Set the direction, speed, delay and block color in the Advanced tab. For fade, zoom and bounce entrances, Elementor has a free Entrance Animation option in Advanced, Motion Effects, and Master Addons Entrance Animation (Pro) adds more effects.
Directional Reveal Effects
Pick the direction in the Direction control. The block slides off Left to Right, Right to Left, Top to Bottom or Bottom to Top, or shrinks from the Center. Use the same direction on a row of widgets and add a longer delay to each one to sequence them.
- Five directions: Center, Left to Right, Right to Left, Top to Bottom, Bottom to Top.
- Speed runs from 0 to 10, where 5 (the default) is half a second.
- Delay runs from 0 to 20, up to two seconds before the block moves.
Reveal Block Color or Gradient
Reveal Color sets the block that covers the element. Use a classic solid color, #f0f0f0 by default, or a gradient. The block is solid while it slides, so a color that contrasts with the section background makes the wipe easy to see.
- Classic color or gradient for the block.
- Works on widgets and legacy columns. Flexbox containers and sections do not show the Reveal controls.
- Turn it on per element with Enabled Reveal in the Advanced tab.
Frequently Asked Questions For Reveal
Will this reveal animation play every time someone visits the page?
It plays once each time the page loads, when the element first enters the viewport. Scrolling away and back does not replay it. A reload plays it again.
Can I use Reveal on a section or container?
No. The Reveal controls appear on widgets and on columns inside legacy sections. On a flexbox container, apply Reveal to each widget inside it, and use the delay to stagger them.
Is this bad for SEO or accessibility?
The content stays in the page HTML, so search engines can still read it. Keep the delay short, because the block covers the content until it moves, and people who scroll quickly may pass the element before it is uncovered.
Is the Reveal extension free?
No. Reveal is part of Master Addons Pro and is not in the free plugin. For a free entrance effect, use the Entrance Animation option that Elementor itself has under Advanced, Motion Effects.
Trending Elementor Widgets & Extensions
Build sophisticated websites in less time.
Glassmorphism
Container Extras
Patterns
Post/Page Duplicator