---
title: "How to Add Image Reveal Animation on Scroll in Elementor?"
url: https://theplusaddons.com/docs/add-image-reveal-animation-on-scroll-in-elementor/
date: 2024-05-10
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to add an image reveal animation on scroll in Elementor? With the Creative Image widget from The Plus Addons for Elementor, you can create beautiful image reveal..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Image-Reveal-Animation-on-Scroll-in-Elementor_-2-1024x536.jpg
word_count: 167
---

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

## 

- Utilizes the Creative Image widget from The Plus Addons for Elementor to implement image reveal animations.
- Selects Scroll Reveal Image from the Image Style dropdown to activate the animation effect.
- Allows customization of the reveal animation direction and overlay background color for enhanced visual appeal.

Do you want to add an image reveal animation on scroll in Elementor? With the Creative Image widget from The Plus Addons for Elementor, you can create beautiful image reveal animation in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Creative Image widget, [click here](https://theplusaddons.com/docs//creative-image-widget/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/creative-images-for-elementor/)

To do this add the Creative Image widget to the page and follow the steps.

1. Select **Scroll Reveal Image** from the **Image Style** dropdown.

2. Then add your image in the **Choose Image** section.

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

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

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

***Read Further***: *[How to Add a Scroll on Hover to an Image in Elementor](https://theplusaddons.com/docs/add-a-scroll-on-hover-to-an-image-in-elementor/)*