{"id":240017,"date":"2025-08-11T18:08:58","date_gmt":"2025-08-11T18:08:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/image-hover-animations-for-elementor\/"},"modified":"2025-08-11T19:22:15","modified_gmt":"2025-08-11T19:22:15","slug":"hovermagix-elementor-addon","status":"publish","type":"plugin","link":"https:\/\/azb.wordpress.org\/plugins\/hovermagix-elementor-addon\/","author":14248835,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0","stable_tag":"1.0","tested":"6.8.5","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"HoverMagix \u2013 Elementor Addon","header_author":"Labib Ahmed","header_description":"Adds an image hover widget with Hover effects to Elementor.","assets_banners_color":"d3d4d4","last_updated":"2025-08-11 19:22:15","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":40,"downloads":403,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"Labibahmed42","date":"2025-08-11 19:22:15"}},"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3343070,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3343070,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Elementor widget panel with Image Hover settings.","2":"Example of a circle image with a caption hover effect.","3":"Multiple hover styles shown in a grid layout."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[10079,131399,6764,6793,38573],"plugin_category":[],"plugin_contributors":[81271],"plugin_business_model":[],"class_list":["post-240017","plugin","type-plugin","status-publish","hentry","plugin_tags-animations","plugin_tags-elementor-addon","plugin_tags-hover-effects","plugin_tags-image-hover","plugin_tags-image-overlay","plugin_contributors-labibahmed42","plugin_committers-labibahmed42"],"banners":{"banner":"https:\/\/ps.w.org\/hovermagix-elementor-addon\/assets\/banner-772x250.png?rev=3343070","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/hovermagix-elementor-addon\/assets\/icon-128x128.gif?rev=3343070","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>HoverMagix \u2013 Elementor Addon<\/strong> allows you to add modern and interactive image hover effects to your Elementor-powered WordPress pages.<\/p>\n\n<blockquote>\n    <p>\n        <a href=\"https:\/\/demo.webdevocean.com\/hover-magix\/\">Live Demo<\/a>\n    <\/p>\n<\/blockquote>\n\n<p>This plugin includes:\n- 50+ CSS3-based hover effects\n- Circle and square image styles\n- Caption overlays with heading and description\n- Directional animations (top to bottom, left to right, etc.)\n- Scale animations\n- Conditional class rendering based on selected effects\n- Easy-to-use controls in Elementor panel<\/p>\n\n<p>Whether you're a designer or a developer, you can quickly enrich your UI with stunning hover visuals \u2014 no coding needed.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li>Works seamlessly with Elementor.<\/li>\n<li>Choose from circle or square hover effects.<\/li>\n<li>Add custom heading and description text.<\/li>\n<li>Configure animation direction and scale options.<\/li>\n<li>Intelligent logic to apply the right classes for each effect.<\/li>\n<li>Lightweight \u2014 based on pure CSS animations (iHover).<\/li>\n<li>Extendable and modular code for developers.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin zip via <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong> in your WordPress admin.<\/li>\n<li>Activate the plugin.<\/li>\n<li>Open any page with Elementor and drag the <strong>Image Hover<\/strong> widget into your layout.<\/li>\n<li>Customize the image, effects, and animation options in the Elementor panel.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='does%20this%20plugin%20work%20with%20the%20free%20version%20of%20elementor%3F'><h3>Does this plugin work with the free version of Elementor?<\/h3><\/dt>\n<dd><p>Yes, it works with both the free and pro versions of Elementor.<\/p><\/dd>\n<dt id='can%20i%20use%20my%20own%20images%3F'><h3>Can I use my own images?<\/h3><\/dt>\n<dd><p>Yes, simply upload or choose an image from the media library using the Elementor image selector.<\/p><\/dd>\n<dt id='are%20the%20effects%20responsive%3F'><h3>Are the effects responsive?<\/h3><\/dt>\n<dd><p>Yes, all effects are CSS3-based and work on modern responsive layouts.<\/p><\/dd>\n<dt id='can%20i%20extend%20or%20customize%20the%20effects%3F'><h3>Can I extend or customize the effects?<\/h3><\/dt>\n<dd><p>Yes! The plugin is modular and uses PHP maps and clean structure for extending or overriding classes, logic, or styles.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release with 50+ effects<\/li>\n<li>Circle and square layout support<\/li>\n<li>Scale and direction animations<\/li>\n<li>Elementor controls integration<\/li>\n<li>Smart rendering logic based on selected effect<\/li>\n<\/ul>","raw_excerpt":"Add beautiful image hover effects with captions and animations using Elementor. Includes scale, direction, and layered effects.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/240017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=240017"}],"author":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/labibahmed42"}],"wp:attachment":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=240017"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=240017"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=240017"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=240017"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=240017"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=240017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}