HoverMagix – Elementor Addon
HoverMagix – Elementor Addon allows you to add modern and interactive image hover effects to your Elementor-powered WordPress pages. Live Demo This plugin includes: – 50+ CSS3-based hover effects – Circle and square image styles – Caption overlays with heading and description – Directional animation
About this tool.
HoverMagix – Elementor Addon allows you to add modern and interactive image hover effects to your Elementor-powered WordPress pages.
Live Demo
This plugin includes: – 50+ CSS3-based hover effects – Circle and square image styles – Caption overlays with heading and description – Directional animations (top to bottom, left to right, etc.) – Scale animations – Conditional class rendering based on selected effects – Easy-to-use controls in Elementor panel
Whether you’re a designer or a developer, you can quickly enrich your UI with stunning hover visuals — no coding needed.
Features
- Works seamlessly with Elementor.
- Choose from circle or square hover effects.
- Add custom heading and description text.
- Configure animation direction and scale options.
- Intelligent logic to apply the right classes for each effect.
- Lightweight — based on pure CSS animations (iHover).
- Extendable and modular code for developers.
Getting started.
- 01Upload the plugin zip via Plugins > Add New > Upload Plugin in your WordPress admin.
- 02Activate the plugin.
- 03Open any page with Elementor and drag the Image Hover widget into your layout.
- 04Customize the image, effects, and animation options in the Elementor panel.
Frequently asked questions.
Does this plugin work with the free version of Elementor?
Yes, it works with both the free and pro versions of Elementor.
Can I use my own images?
Yes, simply upload or choose an image from the media library using the Elementor image selector.
Are the effects responsive?
Yes, all effects are CSS3-based and work on modern responsive layouts.
