Add transition between two images on hover with pattern images as placement image

Add special distortion effect on images being transitioning on hover. The placement image pattern makes it look awesome when while the transition is taking place.

Itali

Calm Serenity

Italy’s secret meadows and fields

Display any content over the image

You can display the content over images to describe them. This will create a beautiful effect on your site. When you hover over the image, the background image gets changed with the transition, however, the content remains in its position.

Display any content over the image

You can display the content over images to describe them. This will create a beautiful effect on your site. When you hover over the image, the background image gets changed with the transition, however, the content remains in its position.

Germany

Holy House

Germany’s amazing architecture

Frequently Asked Questions

The distortion hover image is a Fusion Builder element provided by Elegant Elements add-on. It uses a displacement image to transition to another image when you hover over an image.

The displacement image is an image like the background patterns that will be used to transition between two images. You can create the displacement image using the first image and make it blurry so is not clearly visible or use any background pattern image. 

Yes, absolutely. You can add any content using the WordPress editor that will be displayed on the images. The fun fact is, when you hover over the image, the transition will only happen to the image and the content remains in its position.