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

You can add interation to the Image Galleries and Image Backgroundsto 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. Add those in the Image Hover Tab of the Property Panel.
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 Tab 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, select Image Style for the Image Gallery or Hover Tab for the Group Element. Click the Resize Preset.

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.