Image Hover Effects

There are several effects you can apply to your images in Avada Builder, and one of these is the Image Hover Effect. This is an effect that controls what happens when the image is moused over and is not the same as the Style Type which can also be applied to images, and which offers drop shadows or glow effects around the image. Both these options are found on several Elements that use images. For a full list, see below.

For the Hover Type option, you can choose from None, Zoom In, Zoom Out or Lift Up. These are sleek and clean hover effects that will make your images animate dynamically when they are hovered over. Let’s have a look at each one.

With the Zoom Out effect, the image starts zoomed in a small amount, and zooms out to reveal the entire image when moused over.

With the Lift Up effect, the image gets slightly larger all around on mouseover, as well as having a subtle box shadow applied. Readers of the Avada Documentation will be familiar with this effect, as it’s the default for all images in the documentation. When used with images with borders, as can be seen below, the border expands with the image on mouseover.

These effects can also be used in conjunction with the aforementioned Style Type option, but when using Image Captions (other than Above or Below) or Masks, these effects are disabled.