Image Hover Effects – Elementor Addon

Image Hover Effects Addon for Elementor Page Builder 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.