The Image Hover Effect Widget by EnterAddons allows you to create interactive and eye-catching image animations that trigger when users hover over images on your website. This widget is a powerful design tool that helps you showcase content, images, or promotions in a visually engaging way perfect for portfolios, galleries, and product displays.
With unlimited effect variations, customization options, and smooth animations, you can easily make your site more dynamic and professional all without any coding.
Get Image Hover Effect Widget from Enter Addons ⮞⮞
What is the Image Hover Effect Widget?
The Image Hover Effect Widget is a design element that lets you add stunning hover animations to images, creating interactive visual effects that grab user attention.
You can combine multiple settings to produce custom transitions such as fade, slide, or zoom effects. It’s ideal for:
- Portfolios: Highlight creative work when hovered.
- Product Showcases: Add smooth transitions to images.
- Team Sections: Reveal information or social icons on hover.
- Call-to-Actions: Make buttons and content pop visually.
This widget is fully responsive and works seamlessly with Elementor helping you deliver professional-grade hover animations easily.
Using Image Hover Effect Widget :
You can see the below video to get an insight into how you can use the Image Hover Effect Widget, Or you can follow the documentation whichever you find convenient.
How To Use Image Hover Effect Widget (Step by Step Process)
Step 1: Add the Image Hover Effect Widget
Firstly, select the Image Hover Effect Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Secondly, from ‘Content‘ Tab you will get Content, Effect Settings and Ribbon section respectively
Then, from ‘Effect Settings‘ Tab you can select ‘Animation Type’ i.e fade, slide-up and slide-down respectively, that is shown below
After that, from ‘Ribbon‘ section you can ‘Show Ribbon’ clicking with ‘switcher ( hide / show )‘ option.
Step 2: Configure Content Settings
From ‘Style‘ section you can find Wrapper Style, Image Style, Title, Description, Button and Icon respectively.
Then From ‘Wrapper Style‘ section you can edit content-horizontal-alignment, content-vertical-alignment, wrapper-width, wrapper-height, margin, padding, border-type, border-radius, box-shadow and background-type.
Moreover, from this section, you can find ‘HOVER’ view also.
After that From ‘Image Style‘ section you can edit image-width, image-height, margin, padding, border-type, border-radius, box-shadow and background-type.
Then From ‘Title‘ section you can edit title-color, margin and padding respectively.
After that From ‘Description‘ section you can edit title-color, typography, margin and padding respectively.
Then From ‘Button‘ section you can edit title-color, button-margin, button-padding, width, border-radius, box-shadow and background-type respectively.
Moreover, from this section, you can find ‘HOVER’ view also.
Then From ‘Icon‘ section you can edit icon-color, icon-size and icon-margin respectively.
Moreover, from this section, you can find ‘HOVER’ view also.
Final Step: Preview and Publish
Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live. And that works like below.
That’s all.
Get Image Hover Effect Widget from Enter Addons ⮞⮞
Final Thought
The Image Hover Effect Widget from EnterAddons helps transform static visuals into interactive, dynamic experiences. It’s perfect for adding motion and depth to your web designs whether it’s for galleries, portfolios, or product cards.
With full control over animations, layout, and styling, this widget lets you enhance engagement and modernize your WordPress site effortlessly.
Start using the Image Hover Effect Widget today to make your website more interactive and visually appealing!
If need any custom help feel free to contact us ⮞⮞