Choose how images respond on hover

Image Hover Effects Ultimate Pro provides styling controls for a WordPress library of more than 500 CSS3 hover animations and over 1,500 ready-to-use layouts. The ten modules are General, Caption, Flipbox, Button, Square, Lightbox, Comparison, Magnifier, Carousel, and Filter. Their styles include fades, slides, flips, zooms, overlays, caption reveals, buttons, comparisons, carousels, and filters. Effects use CSS3 without a jQuery dependency, and the visual editor lets you configure them without writing code. The effect modules and layout library are also available in the free edition; Pro adds expanded styling settings and priority support.

Pro styling controls

Adjust 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 font sizes separately for individual text elements. Border width, radius, and box shadows can be configured per element.

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

A live preview shows changes while you edit, and cloning lets you make a copy of an existing style to tailor. The custom CSS editor and built-in cache system provide further control. Responsive options include separate desktop, tablet, and mobile controls, with touch support for iOS and Android.

Add effects to WordPress content

Insert effects into posts, pages, and widgets with shortcodes. The extension also has a native Elementor widget and Gutenberg block, each with editor previews. WPBakery, Divi, Beaver Builder, and SiteOrigin can use shortcodes; WPBakery also has a native element. Per-entry links, optional new-tab behavior, image alignment, padding, and margins help fit an effect into a page. The HTML output works with image alt text.

Use caption reveals and animated presentations for portfolios, agency work, and team pages; lightboxes for photo galleries; or comparison and magnifier effects for product images. The carousel and filter modules provide other ways to organize image content.

Set up a style

Choose an effect module and a layout, name the style, then add images and item content. Adjust the Pro styling controls and review the result in the live preview. Place the finished effect with the Elementor widget, Gutenberg block, or a shortcode. Video tutorials cover every feature, and Pro includes 24/7 priority support with responses within 12 hours.