How to Create Image Reveal Effect on Text in WordPress?

Table of Contents

Do you want to add an image reveal effect on text in WordPress? This creative effect adds a visually engaging touch to your website, allowing you to highlight important information in a unique and captivating way that draws users’ attention.

With the Advanced Typography block from Nexter Blocks, you can easily add an image reveal effect on text in WordPress.

To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, add the Advanced Typography block to the page and follow the steps – 

1. In the Advanced Typography tab, select Normal or Multiple from the Select Option section.

Let’s select Normal.

2. Then add the text in the Text field.

3. After that, enable the Hover Image Reveal toggle from the On Hover Image Reveal tab.

advanced typography on hover image reveal gif

Note: In the Multiple option you’ll find the On Hover Image Reveal option in each text repeater item.

4. Add your image from the Upload Image section.

From the Style section, you can add different image reveal effects.

Now when you hover over the text it will show an image with a reveal effect.

advanced typography image reveal demo 1

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs