The “Rollover Image Effect” widget for Elementor creates a smooth visual transition by swapping one image with another when the user hovers over it, enhancing user engagement and adding interactivity to your website. This free widget is perfect for enhancing product displays, showcasing creative portfolios, creating engaging galleries, or adding interactive visual elements to any section of your website. With its seamless design and easy-to-use settings, it’s a must-have for adding flair and functionality to your Elementor projects.
Let’s look at each of the options in the “Rollover Image Effect“ widget for Elementor below.
Add a Free Rollover Image Effect to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Rollover Image Effect”
- Hover over the widget in the search results and click install
- Add the “Rollover Image Effect” widget to any Elementor Page
General Settings in Elementor Rollover Image Effect
Image One
Choose the first image for rollover image effect.
Image One Size
Select the image size for first image.
- Full
- Large
- Medium
- Thumbnail
- 1536*1536
- 2048*2048
Image Two
Choose the second image for rollover image effect.
Image Two Size
Select the image size for second image.
- Full
- Large
- Medium
- Thumbnail
- 1536*1536
- 2048*2048
Link
Type or paste URL to link with the image.
Transition Length
Set the transition duration.
Elementor Rollover Image Effect Styling
You can customize the border, radius, and layout to ensure the widget looks and functions exactly as you envision.
General Styling in Elementor Rollover Image Effect
You can set the border, radius, shadow, and size of image.
Main Image Styling in Elementor Rollover Image Effect
Style the main image filter and image fit.
Overlay Image Styling in Elementor Rollover Image Effect
You can set the image filter and image fit of overlay image.
Rollover Image Effect Design Examples For Elementor
Here are some live use cases for the Rollover Image Effect Widget.
Free Elementor Rollover Image Effect as a Full Width Gallery.
Free Elementor Rollover Image Effect with Woo Products.
Thank you for using the Rollover Image Effect Widget for Elementor! With its smooth hover transitions and customizable styling, this is the best Rollover Image Effect Widget for Elementor, perfect for adding interactive image effects that enhance user engagement. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
