Image Hover Effects Ultimate Pro adds styling controls to a WordPress library of image animations and layouts. The library includes more than 500 CSS3 animations, over 1,500 ready-to-use layouts and ten modules: General, Caption, Flipbox, Button, Square, Lightbox, Comparison, Magnifier, Carousel and Filter. Together, these cover effects such as fades, slides, flips, zooms, overlays, caption reveals and image comparisons. The effects use CSS3 without a jQuery dependency, and the visual editor lets you configure built-in styles without writing code.

The modules, animations and layouts are available in the free edition. Pro adds expanded appearance controls and priority support.

Adjust each effect's appearance

Set colors, overlays, borders, shadows and timing for each style. Color pickers cover text, backgrounds, overlays, borders, buttons and hover states. Choose from more than 650 Google Fonts for headings, descriptions and buttons, then set separate font sizes for individual text components. Border width, radius and box shadow can also be adjusted per element.

• Add unlimited hover items to a shortcode.
• Set links to open in a new tab for individual items.
• Generate custom CSS to override styles for an individual effect.

Use the live preview to review changes, or clone a saved style and edit the copy. The custom CSS editor and built-in cache system are also available. Responsive controls and touch support help adapt effects for desktop, tablet and mobile, including iOS and Android devices.

Add effects to WordPress content

Insert effects with shortcodes in posts, pages and widgets. The native Elementor widget and Gutenberg block let you choose and preview a style in those editors. A native WPBakery element is available, and shortcodes work with Divi, Beaver Builder and SiteOrigin.

Per-entry links, image alignment, padding and margins help fit an effect into a page layout. The add-on also delivers SEO-friendly HTML output with alt tag support. Use Lightbox for image popups, Comparison for side-by-side pictures, Magnifier to zoom into details, or Carousel and Filter to present and browse image collections.

Create and place a hover effect

1. In the WordPress admin sidebar, open Image Hover and choose a module.
2. Select a layout from the template library, name the style and save it.
3. Add an item with an image, title and description. Set a link or button text if needed.
4. Customize the Pro styling controls and check the result in the live preview.
5. Place the effect with the Elementor widget, Gutenberg block, WPBakery element or a shortcode. For example: [iheu_ultimate_oxi id="1"]

Video tutorials cover every feature. Pro includes 24/7 priority support, with responses within 12 hours.

Common uses

• Show project images with captions in portfolios and agency sites.
• Highlight product details, overlays or buy buttons in online stores.
• Present photography galleries with hover overlays and lightbox popups.
• Display staff names, roles and social links on team pages.
• Add image effects to blog functions and landing page visuals.