---
title: "How to Add Image Reveal Animation on Scroll in WordPress? "
url: https://qa.nexterwp.com/docs/add-image-reveal-animation-on-scroll-in-wordpress/
date: 2024-12-09
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add an image reveal animation on scroll in WordPress? With the Advanced Image block from Nexter Blocks, you can create beautiful image reveal animation in WordPress...."
image: https://qa.nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Image-Reveal-Animation-on-Scroll-in-WordPress_-1024x519.jpg
word_count: 147
---

# How to Add Image Reveal Animation on Scroll in WordPress? 

## Key Takeaways

- Utilizes the Advanced Image block from Nexter Blocks to create image reveal animations in WordPress.
- Enables the Scroll Reveal Image toggle from the Special Options tab to activate the animation effect.
- Allows customization of overlay background color and animation direction for enhanced visual appeal.

Do you want to add an image reveal animation on scroll in WordPress? With the Advanced Image block from Nexter Blocks, you can create beautiful image reveal animation in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Advanced Image block, [click here](https://qa.nexterwp.com/docs/add-advanced-effects-to-an-image-in-wordpress/).*

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

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/blocks/wordpress-advanced-image/)

To do this, add the Advanced Image block to the page and follow the steps -

1. Add your image in the **Upload Image** section.

2. Then enable the **Scroll Reveal Image** toggle from the **Special Options** tab.

3. From the **Color** section, you have to add the overlay background color. 

Then, from the **Animation Direction** section, you can select the reveal animation direction.

Now, as you scroll, the image will show with a reveal effect.

![](https://qa.nexterwp.com/wp-content/uploads/2024/12/advanced-image-scroll-reveal-image-demo.gif)