How to Add Image Reveal Animation on Scroll in Elementor?

Updated onJanuary 23, 2026By
Table Of Content

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.

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

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

AUTHOR

Aditya Sharma

  • CMO
  • 6+ Years Experience
Aditya has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Docs