How to Add Image Reveal Animation on Scroll in Elementor?

Updated on June 24, 2024 by Editorial Team
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.

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.

Creative image scroll reveal image how to add image reveal animation on scroll in elementor? From the plus addons for elementor

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.

Creative image scroll reveal image demo 2 how to add image reveal animation on scroll in elementor? From the plus addons for elementor
OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X