Plugins
>
Hover Transition
Hover Transition
Technical
Mobile
Media
Containers
Visual Elements
Plugin details
WebGL plugin for creating distortion hover effects using displacement images.
Overview & Key Features
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.
Uses two main images and one displacement image to create the effect.
Installation
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
Need help adjusting your new application?
Support
And if you have any questions, reach out to us at support@mindforapps.com
$8 ONE TIME OR $3/MO
BUY NOW | $8 ONE TIME OR $3/MO
Check it Live
Ready to start your own Project?
More plugins
Start Your Project
What stage are you on?
Exploring
I know the problem I'm solving — I need help building the solution.
Project Brief
You have a brief — we'll turn it into a Bubble build plan.
Full Requirements
Requirements defined — we'll handle UX/UI and Bubble development.
Full Designs
Designs handed off — we will help you bring it to life.