MARKETPLACE
PLUGINS
HOVER TRANSITION
Hover Transition logo

Hover Transition

Published November 2022
   •    Updated March 2026

Plugin details

Hover Transition -  plugin that can be used for creating WebGL powered distortion hover effects using displacement images. The effect is as follows: hovering over an image will use a displacement image to transition to another image. Using different displacement images, you can create different images.
Uses two main images and one displacement image to create the effect.


DEMO:
https://plugin-preview-4.bubbleapps.io/version-test/hover_transition

Plugin Page:
https://mindforapps.com/plugin_details/hover-transition

$8

One time  •  Or  $3/mo

stars   •   0 ratings
3 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Mind For Apps logo
Mind For Apps
Joined 2018   •   33 Plugins
View contributor profile

Instructions

1. Place hoverTransition on the page. 2. Add first and second Images of the animation  and displacement image
3. Setup intensity, angle and speed if needed

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Mobile   •   Media   •   Containers   •   Image   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble