Title: Image Hover Effects &#8211; Elementor Addon
Author: Blocksera
Published: <strong>Mayo 19, 2018</strong>
Last modified: Hulyo 12, 2024

---

Maghanap ng mga plugin

![](https://ps.w.org/image-hover-effects-addon-for-elementor/assets/banner-772x250.
png?rev=2139399)

Ang plugin na ito ay **hindi pa nasusubukan sa pinakabagong 3 major release ng WordPress**.
Maaaring hindi na ito minamantine o sinusuportahan at maaaring may mga isyu sa compatibility
kapag ginamit sa mas bagong bersyon ng WordPress.

![](https://ps.w.org/image-hover-effects-addon-for-elementor/assets/icon-128x128.
png?rev=2139399)

# Image Hover Effects – Elementor Addon

 Ni [Blocksera](https://profiles.wordpress.org/blocksera/)

[I-download](https://downloads.wordpress.org/plugin/image-hover-effects-addon-for-elementor.1.4.4.zip)

 * [Mga Detalye](https://tl.wordpress.org/plugins/image-hover-effects-addon-for-elementor/#description)
 * [Mga Review](https://tl.wordpress.org/plugins/image-hover-effects-addon-for-elementor/#reviews)
 *  [Pag-install](https://tl.wordpress.org/plugins/image-hover-effects-addon-for-elementor/#installation)
 * [Development](https://tl.wordpress.org/plugins/image-hover-effects-addon-for-elementor/#developers)

 [Suporta](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/)

## Deskripsyon

Image Hover Effects Addon for [Elementor Page Builder](https://elementor.com) is
the best in class addon that lets you set customized hover effects for your image.
It gives attention to detail by allowing you to align text, change background, set
borders and offers a number of other features. This free plugin has over 40 image
hover effects ranging from fade and push to zoom and blur. A pre-set combination
of two or more effects is also available. It creates an interactive space for the
users to your website.

Add title and description to your image, set the title tag, add icons, link to a
page or a website and do a lot more. Whenever you scroll the cursor over the image,
the hover effect is effectuated to display the title and description.

The widget add-on is designed for use by both beginners and advanced users. You 
can either change the appearance of the effect with the click of a few buttons or
choose to add custom HTML or CSS attributes.

#### Features

 * Easy to customize options.
 * 40+ Image Hover Effects.
 * Circle and Square border both comes with all effects.
 * Center the text horizontally.
 * Control the spaces between elements.
 * WPML Compatibility

**Background**: Set a background color to the effect. You can also choose set a 
transparent background.

**Horizontal Alignment**: Align the title and description to the left, center, right
with horizontal alignment.

**Vertical Alignment**: Align the title and description to the top, middle or bottom
with vertical alignment.

**Padding**: Set the padding to the content over the effect.

**Border Radius**: You can use this feature to trim off the sharp edges of the image
to give it a smoother touch.

**Title**: Set a title color that compliments the background. Using the ‘Typography’
option, you can choose the font, font size, weight, case, style (italic, bold, etc.),
decoration (overline, underline, etc.), line height and letter spacing of the title.

**Description**: Similarly, you can choose the color and the typography options 
for your description under this option.

**Icon**: Set the icon’s color, it’s size and the space between the icon and the
title.

#### Customizations

Image Hover Effects for Elementor comes with CSS3 styles that add stunning yet mellow
and pleasant hover effects to your images. Let your images fade in or fade out, 
slide, flip, shutter, zoom, fold, roll, etc with just a click. There’s no coding
involved. Image hover effects keeps things simple and elegant. If you’ve got multiple
images to be displayed, then you can simply copy the style and paste it onto another
image. You also have the option to duplicate the image. The hover effects from Image
Hover Effects are fully responsive, and can accommodate to very small and extra-
large devices. They’re designed using flexible and robust CSS.

#### SEO Friendly

From an SEO perspective, adding title tags, headings and descriptions to your images
is indispensable. Title tags and descriptions almost always garner a click from 
the user whereas keywords in titles and headings can help your website rank higher
in search results.

Image Hover Effects for Elementor lets you do all that and more in just a span of
few seconds. Just add the title of your image to the Title field and set the tag(
H1-H6, paragraph, span). Then add the description to the Description field. That’s
all there is to it. Now you can customize the look of your text to being neat and
crisp or wild and artistic or choose from a multitude of other choices.

Another important factor is linking to specific pages or interlinking to drive traffic.
Image Hover Effects provides an option to link your image to a specified URL. You
can copy the link to which your users should be directed to (when they click the
image) and paste it in the field under the ‘Link To’ section.

#### Where it can be used

On any WordPress website that supports Elementor! Be it a blogging site, a news 
website or even an e-commerce or e-learning website, Image Hover Effects works flawless.
Since there are over 40 hover effects, you can use a combination of styles to work
wonders with your images. But why should you stop there? Try our Pro version. The
Pro version offers over 150+ hover effects and a number of other perks as well.

### Emage Hover Effects for Elementor (Pro)

 * **150+ hover effects**
 * Basic to **advanced** image hover effects
 * Apply **separate effects** to image, overlay and content
 * **9 alignment** options
 * Virtually **unlimited effect** combinations
 * Customize content with links, buttons, colors and typography
 * **Post Grid** Hover effects
 * Dynamic fields (with Elementor Pro)

#### Useful Links

[Hover effects demo](http://tiny.cc/free-eihe) | [Emage Hover Effects](https://imagehoverpro.blocksera.com)(
Pro) | [Buy Emage Hover Effects](https://codecanyon.net/item/emage-image-hover-effects-for-elementor-page-builder/22563091)

## Mga Screenshot

 * [[
 * Image Hover Effects – Elementor Addon
 * [[
 * 40+ hover effects
 * [[
 * Advanced styling options
 * [[
 * Full html code support

## Pag-install

 1. Upload the plugin and activate it (alternatively, install through the WP admin 
    console)
 2. Edit any page/post using edit with elementor option
 3. On elementor widget menu, search/scroll and find the image hover effects addons
 4. Drag and drop this addon, where you have to add the section
 5. Customize the options and add the content
 6. Hurray! in a minute you have added the Image Hover Section

## FAQ

### Will it work without Elementor page builder?

Ths plugin only works with Elementor. Check out [Image Hover Effects Block](https://wordpress.org/plugins/image-hover-effects-block/)
plugin if you are using WordPress Block Editor

### Will it work with any theme?

Absolutely. It will work with any theme where Elementor works.

### What is Emage Hover Effects?

[Emage Hover Effects](https://codecanyon.net/item/emage-image-hover-effects-for-elementor-page-builder/22563091)
is the premium version of this plugin. It contains over 150+ hover effects and more
customization options

### Can I upgrade this to pro version?

Yes, but you need to remove this plugin and install pro version after purchase.

## Mga Review

![](https://secure.gravatar.com/avatar/e1c5569cd1b1d45af22dce4a6f91cd7459cedfa956b09ba1a84572d9172bb9a4?
s=60&d=retro&r=g)

### 󠀁[Vulnerability in current release](https://wordpress.org/support/topic/vulnerability-in-current-release/)󠁿

 [visionsconnect](https://profiles.wordpress.org/visionsconnect/) Nobyembre 5, 2025

Wordfence scan: Critical Problems: * The Plugin “Image Hover Effects Block” has 
a security vulnerability.Vulnerability Severity: 6.4/10.0 (Medium) The Image Hover
Effects Block plugin for WordPress is vulnerable to Stored Cross-Site Scripting 
in versions up to, and including, 1.4.5 due to insufficient input sanitization and
output escaping. This makes it possible for authenticated attackers, with contributor-
level access and above, to inject arbitrary web scripts in pages that will execute
whenever a user accesses an injected page.

![](https://secure.gravatar.com/avatar/78dc1f997b69ce9e8cdf877d810a73c46026d0cdd0ca26f3d2b5e527fd619afd?
s=60&d=retro&r=g)

### 󠀁[Does not work](https://wordpress.org/support/topic/does-not-work-1628/)󠁿

 [gseyral](https://profiles.wordpress.org/gseyral/) Enero 20, 2025

We think it works but as soon as we check outside of Élémntor an error message appears
on the site instead of the image.

![](https://secure.gravatar.com/avatar/dc8094bcf4f6276f6946e8003c2891bea571a68c6296ba96e69a14f4405f6cf7?
s=60&d=retro&r=g)

### 󠀁[Useless Plugin.](https://wordpress.org/support/topic/useless-plugin-117/)󠁿

 [johnalpha74](https://profiles.wordpress.org/johnalpha74/) Oktubre 23, 2024

Useless Plugin.

![](https://secure.gravatar.com/avatar/fe85bee0b7b07078c273411fc2759144e6840a968bc029ac35dcd10b0eb69718?
s=60&d=retro&r=g)

### 󠀁[Good hover plugin](https://wordpress.org/support/topic/good-hover-plugin/)󠁿

 [roger.garcia](https://profiles.wordpress.org/rogergarcia/) Hulyo 3, 2024

Works fine

![](https://secure.gravatar.com/avatar/ed32f7879f2aa62464aa227904bdde79a4fe57af6c6d5a6d9f7a67e8a24fe811?
s=60&d=retro&r=g)

### 󠀁[Good plugin for elementor](https://wordpress.org/support/topic/good-plugin-for-elementor-2/)󠁿

 [sw38](https://profiles.wordpress.org/swd38/) Hunyo 18, 2024

Please keep update this plugin. I love it.

![](https://secure.gravatar.com/avatar/6ce92bb8cc86647f9d7a42cb2a8b1f201664f2e813a65d6792b9ea45619bf078?
s=60&d=retro&r=g)

### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-13204/)󠁿

 [gersoneli](https://profiles.wordpress.org/gersoneli/) Enero 16, 2024

Excellent

 [ Basahin lahat ng 81 na review ](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/reviews/)

## Mga Contributor at Developer

Ang “Image Hover Effects – Elementor Addon” ay open source software. Ang mga sumusunod
na tao ay nag-ambag sa plugin na ito.

Mga Contributor

 *   [ Blocksera ](https://profiles.wordpress.org/blocksera/)
 *   [ Crypto4ever ](https://profiles.wordpress.org/crypto4ever/)

Ang “Image Hover Effects – Elementor Addon” ay naisalin na sa 1 (na) locale. Salamat
sa [mga tagasalin](https://translate.wordpress.org/projects/wp-plugins/image-hover-effects-addon-for-elementor/contributors)
para sa kanilang mga kontribusyon.

[Isalin ang “Image Hover Effects – Elementor Addon” sa iyong wika.](https://translate.wordpress.org/projects/wp-plugins/image-hover-effects-addon-for-elementor)

### Interesado sa development?

[Tingnan ang code](https://plugins.trac.wordpress.org/browser/image-hover-effects-addon-for-elementor/),
i-check ang [SVN repository](https://plugins.svn.wordpress.org/image-hover-effects-addon-for-elementor/),
o mag-subscribe sa [development log](https://plugins.trac.wordpress.org/log/image-hover-effects-addon-for-elementor/)
sa pamamagitan ng [RSS](https://plugins.trac.wordpress.org/log/image-hover-effects-addon-for-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.4.4

 * Minor security fix

#### 1.4.3

 * Minor security fix

#### 1.4.2

 * WP 6.5.2 Compatibility update
 * Widget editor based security fix

#### 1.4.1

 * Minor Security Fix

#### 1.4

 * Enhancement – Elementor Deprecation fixes

#### 1.3.8

 * Enhancement – Compatibility tested with latest Elementor and WordPress 6.2
 * Enhancement – Compatibility tested with PHP 8

#### 1.3.7

 * Enhancement – Compatibility tested with latest Elementor and WordPress 6
 * Fixed – Deprecation errors handled

#### 1.3.6

 * Enhancement – Compatibility tested with latest Elementor and WordPress 5.9

#### 1.3.5

 * Added – Dynamic value option for Title, Description, Image and Link
 * Fixed – Deprecation errors handled

#### 1.3.4

 * Fixed – Hardened allowed options in the editor to enforce better security policies

#### 1.3.3

 * Fixed – Content alignment

#### 1.3.2

 * Enhancement – Icons control upgraded to support Font Awesome 5 and SVG icons

#### 1.3.1

 * WordPress 5.5 Compatibility Update
 * Minor Fix

#### 1.3.0

 * Added – WPML Translation Support

#### 1.2.8

 * WordPress 5.3.2 Compatibility Update

#### 1.2.7

 * WordPress 5.3 Compatibility Update

#### 1.2.6

 * Enhancement – Vertical alignment option type

#### 1.2.5

 * WordPress 5.2 Compatibility Update

#### 1.2.4

 * WordPress 5 Compatibility Update
 * Fixed – Minor CSS related fixes

#### 1.2.3

 * Features notice removed

#### 1.2.2

 * Readme update

#### 1.2.1

 * Fixed – Minor UI fixes and widget controls arrangements

#### 1.2

 * Added – Translation ready
 * Added – Icon added for title
 * Fixed – Code improvements
 * Fixed – Typography issue fix
 * Fixed – UI improvements

#### 1.1

 * Removed – Columns control
 * Added – Support for iOS devices
 * Added – Link feature
 * Added – Inline editing
 * Added – Change image size
 * Added – Center align text by default

#### 1.0

 * Initial version

## Meta

 *  Bersyon **1.4.4**
 *  Huling na-update **2 taon ang nakalipas**
 *  Mga aktibong installation **40,000+**
 *  Bersyon ng WordPress ** 4.7 o mas bago **
 *  Sinubukan hanggang **6.5.8**
 *  Bersyon ng PHP ** 5.6 o mas bago **
 *  Mga Wika
 * [English (US)](https://wordpress.org/plugins/image-hover-effects-addon-for-elementor/)
   at .[Russian](https://ru.wordpress.org/plugins/image-hover-effects-addon-for-elementor/).
 *  [Isalin sa iyong wika](https://translate.wordpress.org/projects/wp-plugins/image-hover-effects-addon-for-elementor)
 * Mga Tag
 * [addons](https://tl.wordpress.org/plugins/tags/addons/)[css effects](https://tl.wordpress.org/plugins/tags/css-effects/)
   [elementor](https://tl.wordpress.org/plugins/tags/elementor/)[elementor widget](https://tl.wordpress.org/plugins/tags/elementor-widget/)
   [image hover effects](https://tl.wordpress.org/plugins/tags/image-hover-effects/)
 *  [Advanced View](https://tl.wordpress.org/plugins/image-hover-effects-addon-for-elementor/advanced/)

## Mga Rating

 4.9 out of 5 stars.

 *  [  78 5-star reviews     ](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/reviews/?filter=5)
 *  [  2 4-star reviews     ](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/reviews/#new-post)

[Tingnan lahat ng review](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/reviews/)

## Mga Contributor

 *   [ Blocksera ](https://profiles.wordpress.org/blocksera/)
 *   [ Crypto4ever ](https://profiles.wordpress.org/crypto4ever/)

## Suporta

Mga isyu na nalutas sa nakalipas na dalawang buwan:

     0 sa 1

 [Tingnan ang support forum](https://wordpress.org/support/plugin/image-hover-effects-addon-for-elementor/)

## Mag-donate

Gusto mo bang suportahan ang pagpapaunlad ng plugin na ito?

 [ Mag-donate sa plugin na ito ](https://imagehoverpro.blocksera.com)