How To Use the Image Background Hover Animation On Web Pages and Blocks

You can add interaction to the Image Galleries and Image Backgrounds to attract and retain visitors' attention. There are several popular presets for the Image Background Hover Animation, including Zoom In and Out, Resize, and Slide, that you can apply to Image Backgrounds. Choose those on the Image Hover Panel while editing Properties to the right.
Image Background Hover Animation

Browse By Feature Categories

Image Background Hover Zoom In

The Zoom In Effect is the most basic Animation Effect for Image Backgrounds or Image Galleries. It is the most expected reaction that might occur while hovering over an image. To enable the Zoom In Effect, add or select an Image Gallery or a Group and modify the Hover properties in the Property Panel.

Image Background Hover Zoom Out

The Zoom Out is the pairing Zoom Effect that is also popular for Image Backgrounds or Image Galleries. While hovering over an image, you can have it as an alternative to make your web pages interesting. To enable the Zoom Out Effect, add or select a Group or an Image Gallery. Go to the Property Panel to set this property.

Image Background Hover Resize

The Background Resize makes it obvious while hovering over Group Image Background or Gallery Images. To use the Resize Effect, add or select an Image Gallery or a Group. Go to the Property Panel, click on the Image Hover link. Select the Resize Preset, and modify it if needed.

Image Background Hover Slide

The Slide Animation Effect makes interesting interaction while hovering over Gallery Images or Image Background of a Group. To enable The Slide Animation Effect, add or select a Group or Image Gallery. Go to the Property Panel, and select the Slide Preset in the Image Background Hover properties.