NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

Image Reveal module

Divi Image Reveal that tells the story on top.

A colour overlay sweeps across your image, then your text animates in letter by letter. Trigger it on hover, tap or when it scrolls into view.

Wild coast

Still water

Fresh picks

Big cats

What is the Divi Image Reveal module?

Image Reveal is a Divi 5 module in Divi Supreme Pro that layers a message over an image. When triggered, a coloured overlay wipes across the picture and the reveal text animates in one character at a time.

Choose the trigger (hover, click or tap, or once when it scrolls into view), the overlay colour and wipe direction, and the text animation with its per-letter duration and delay. The image can also open in a lightbox.

triggers

wipe directions

letter at a time

custom code

Start from a Image Reveal recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Try every Image Reveal setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Image Reveal can do.

Three triggers

Hover, click or tap to toggle, or play once when the module scrolls into view.

Five wipe directions

Left, right, top, bottom, or zoom out from the centre.

Letter-by-letter text

Each character animates in with a staggered delay.

Animation choice

Fade, zoom, bounce, flip, rotate or slide for the text.

Any overlay colour

Match your brand, with full Divi text styling on top.

Lightbox

Open the full image in a lightbox, or link the module anywhere.

Image Reveal documentation

Setup for Divi 5: image, reveal text, trigger, wipe direction, text animation and lightbox.

Questions about Image Reveal.

How does Image Reveal work?

When triggered, a coloured overlay wipes across the image, then the reveal text animates in one character at a time on top of it.

Which triggers are there?

Hover, Click / tap (toggle), and In view once, which plays when the module scrolls into view and stays revealed.

Which wipe directions are there?

Left → Right, Right → Left, Top → Bottom, Bottom → Top and Zoom From Center.

Can I change how the text animates?

Yes. Pick an animation such as Fade In Up, Zoom In or Bounce In, then set the duration for each character and the base delay between them.

Does it work on phones?

Yes. Use Click / tap or In view once for touch screens, since phones have no hover.

Can the image open bigger?

Turn on Open image in lightbox. Note that the Click trigger turns the lightbox off so the tap can toggle the reveal.

Does Image Reveal work with Divi 5 and WPML?

Yes. It is a native Divi 5 module, the text supports dynamic content, and it can be translated with WPML.

Next module, A to Z

Line Hover Module

Related modules

Image Hover Reveal Module

Images that slice on hover.

Block Reveal Image Module

A colour block wipes the image into view.

Block Reveal Text Module

A colour block wipes headings into view.

4.9 out of 5

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Put your message where they are looking.

Image Reveal comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Divi Supreme