Image Hover Effects

02/12/2018

As of Avada 3.8.5, you can configure hover effects for images. Choose from Zoom In, Zoom Out or Lift Up. These are sleek and clean hover effects that will make your images animate dynamically. Below is a list of Fusion Builder elements where the 'Hover Type' option can be used.

IMPORTANT NOTE: This feature is only available in Avada 3.8.5 or higher. Image Hover Effects are different from Image Rollover Effects for blog and portfolio items.
    • Image Carousel - You can use the 'Hover Type' option to add a hover effect to all images inside the Image Carousel.
    • Image Frame - You can use the 'Hover Type' option to add a hover effect to an image inside the Image Frame.
    • Person - You can use the 'Hover Type' option to add a hover effect to the avatar image.
    • Recent Posts - You can use the 'Hover Type' option to add a hover effect to the featured image.
    • Slider - You can use the 'Hover Type' option to add a hover effect to all images in the slider.

    How To Use The 'Hover Type' Option

    Step 1 - Add any of the Elements listed above to your page.

    Step 2 - Click the ‘Element Settings’ icon on the Element you've selected to bring up it's options window.

    Step 3 - Find the 'Hover Type' option and choose the hover effect you'd like to use.

    Step 4 - Once finished, click the 'Save' button.