1. Home
  2. Features
  3. Animation Effects
  4. Image Background Hover Animation
  5. Image Background Hover Zoom Out

How To Use The Zoom Out Animation While Hovering the Image Backgrounds

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.

Browse By Feature Categories

Web Page Elements
Supported Systems
Visual Page Editor
Design Elements
Media Libraries
Element Properties
Responsive
Animation Effects
Theme Settings
Contact Form
Header & Footer
Blog
E-Commerce
SEO
Custom Code
Application Features
Site & Page Properties
WordPress Widgets

Everything You Need To Create Your Free Website

Use our Website Builder to design and create websites without coding. Drag and drop anything you want, to any place you want it. The Website Creator automatically adapts your website for mobile to make it responsive. Choose from more than 15,000 customisable website templates.

Download for Windows Download for Mac

Related Features

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 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.
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.

Company
Product
Themes & Templates
Nicepage
Web Design