The “Scroll Image Reveal Widget” adds an awesome reveal on scroll effect to your images to spice up your Elementor website designs. A lot of customization options are available to create exactly the look you want for your Elementor page.
Let’s look at each of the options in the “Scroll Image Reveal Widget” below.
Install Scroll Image Reveal Widget for Elementor #
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Scroll Image Reveal”
- Hover over the widget in the search results and click install
- Add your “Scroll Image Reveal” widget to any Elementor Page
General Settings #
Image
Choose an image to display.
Animation Direction
Set the direction of animation.
- Left
- Right
- Top
- Bottom
Animation Speed
Set the animation speed.
Reveal Each Time on Scroll
Image will reveal each time you scroll.
Transition Delay
Set the transition delay in milliseconds.
Link Settings #
Enable Link
Enable/disable the link option.
Link
Type or paste your URL to link.
Scroll Image Reveal Styling #
Overlay Color
Set the overlay color.
Image radius
Set the image radius.
Image Border Type
Select the type of border you want to display.
- Default
- None
- Solid
- Double
- Dotted
- Dashed
- Groove
Image Shadow
Set the image shadow.
CSS Filter
Apply the custom css filter by choosing this option.
Usage Examples #
Here are some live use cases for the Scroll Image Reveal Widget.
