---
title: "How to Add Image Reveal Animation on Scroll in WordPress? "
url: https://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://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

- Nexter Blocks Advanced Image block adds image reveal animation on scroll in WordPress.
- Advanced Image block requires Nexter Blocks to be installed and activated before use.
- Scroll Reveal Image toggle in the Special Options tab and Animation Direction setting control the reveal effect, with overlay background color set in the Color section.

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://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://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://nexterwp.com/wp-content/uploads/2024/12/advanced-image-scroll-reveal-image-demo.gif)