An element that simply appears on scroll is fine. An element that is uncovered, as a colored panel slides away to expose it, feels designed. The Reveal extension in Master Addons Pro adds that scroll-triggered block reveal effect to Elementor widgets and columns: a colored overlay wipes across the element as it enters the viewport, then clears to show the content underneath. You control the overlay color, the direction of the wipe, the speed and the delay, all from the Elementor panel.
What is the Reveal extension? #
The Reveal extension is a Master Addons Pro animation extension that plays a block reveal on a widget or column the moment it scrolls into view. Instead of fading or sliding in, the element sits behind a solid color panel that sweeps away to reveal it. Because the animation is tied to the scroll position, each element reveals itself exactly when the visitor reaches it, which draws the eye down the page. It plays once per page load.
Once the extension is enabled, widgets and columns gain a Reveal option under the Advanced tab, with four settings: the reveal color (the panel that covers the element), the direction the panel travels as it clears, the speed, and the delay. It works on headings, images, buttons and other widgets, and on columns in legacy sections. Flexbox containers and sections do not get the option.
Before you start #
- WordPress with Elementor installed and active.
- Master Addons for Elementor installed and active. New to the plugin? Follow the installation guide first.
- Master Addons Pro active, since Reveal is a Pro extension.
How to enable the Reveal extension #
From your WordPress dashboard, open Master Addons and go to the Extensions tab. Reveal sits in the Animation Widgets group, alongside Entrance Animation (Pro) and Transforms. Click its toggle so it turns on, then press Save Changes and wait for the confirmation notice. The Reveal option is now available on widgets and columns in the Elementor editor.
Add a reveal animation to an element #
In the Elementor editor, select the element you want to animate, then open the Advanced tab and expand the Reveal section. Turn on Enabled Reveal and set the controls:
- Color: the solid panel that covers the element before it is revealed. Match it to your section background for a seamless wipe, or use a brand color for a bolder sweep.
- Direction: Center, Left to Right, Right to Left, Top to Bottom, or Bottom to Top.
- Speed: 0 to 10, where the default 5 is half a second. Lower is faster.
- Delay: 0 to 20, up to two seconds before the panel moves. Use it to stagger several elements.
The reveal is scroll-triggered, so nothing plays until the element scrolls into the viewport. In the editor it plays shortly after the page loads. On the live page it plays once when the element enters the viewport, and a reload plays it again.
The result on the page #
Publish or preview and scroll down the page. As each element with Reveal enabled enters the screen, its color panel sweeps away in the direction you chose and at the speed you set, uncovering the content beneath. Because the effect keys off scroll position, a stack of revealed elements cascades as the visitor moves down the page. The Reveal extension page has a demo.
Where the Reveal effect earns its place #
- Section headings. A reveal on an H2 signals the start of a new section as the reader arrives at it.
- Hero images. Uncovering a hero photo with a colored wipe makes a stronger first impression than a plain fade.
- Feature or portfolio grids. Revealing cards one row at a time on scroll keeps the eye moving through the grid.
- Calls to action. A reveal on a button or offer block draws attention right as it scrolls into view.
- Statistics and quotes. Uncovering a number or a testimonial gives it a moment of focus.
Tips for using Reveal #
- Keep the speed comfortable. A very slow reveal can leave visitors waiting to read; a brisk wipe usually feels more responsive.
- Match the color to the section. Setting the reveal color to the section background makes the panel invisible until it moves, so the element looks like it is being wiped into existence.
- Use it sparingly. Revealing every element on the page dilutes the effect. Reserve it for the elements you most want noticed.
- Check mobile. Short screens scroll faster, so confirm the reveal still fires and reads well on phones and tablets.
- Pair it with other animation extensions. Combine Reveal with Entrance Animation or explore the full range of Elementor animation effects for richer motion.
Video Tutorial #
Watch the Reveal extension in action, from enabling it to setting the color, direction, and speed on an element:
Frequently Asked Questions #
What is the Reveal extension in Master Addons?
The Reveal extension is a Master Addons Pro animation extension that adds a scroll-triggered block reveal effect to Elementor widgets and columns. A solid color panel covers the element and then sweeps away to uncover it as the element scrolls into view. You enable it in the Extensions tab, then set the color, direction, speed and delay on each element from the Advanced tab.
How do I add a reveal animation on scroll in Elementor?
Enable the Reveal extension in the Master Addons Extensions tab, then select an element and open the Advanced tab. Expand the Reveal section, turn the effect on, and choose the reveal color, direction, and speed. The animation is scroll-triggered, so it plays automatically when the element enters the viewport.
What can I customize on the reveal effect?
There are four controls: the color of the panel that covers the element (solid or gradient), the direction the panel travels as it clears, the speed, and the delay. Together they let you match the reveal to your section background or brand color and control how fast the element is uncovered.
Does Reveal work on any Elementor element?
Not every element. The Reveal option appears under the Advanced tab of widgets and of columns in legacy sections. Flexbox containers and sections do not get it, so apply Reveal to the widgets inside them.
Is the Reveal extension free?
No. Reveal is part of Master Addons Pro. It appears in the Animation Widgets group of the Extensions tab once Pro is active. The pricing page lists the plans.
Wrapping up #
The Reveal extension turns a plain scroll into a designed one: a colored panel wipes away to uncover each element as it enters the viewport, with the color, direction, and speed all set from the Elementor panel. Start with one heading or hero image, tune the color to your section, and build from there. It pairs naturally with the Entrance Animation and Transforms extensions, and the full lineup of Master Addons widgets and extensions covers the rest.
