🚀[NEW PLUGIN] Hover Transition

Showcase
1

Hello fellow Bubblers!
We have recently published a new plugin and would like to share this news with you:

hpver_logo
hpver_logo672×671 11.5 KB

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.

Key features:

  • Ability to dynamically change images (both main and transition image)
  • Adjust the intensity of the distortion effect.
  • Adjust the angle of the distortion effect.
  • Change the speed of incoming and outgoing animation.
  • Trigger animation on hover or through workflow.

Installation:

  • place a plugin element (hoverTransition) on the page.
  • connect the fields: Image1, Image2 and Displacement Image
  • the plugin is ready to work, but if necessary, you can make additional settings using other parameters.

Demo:
For detailed connection and demo information, visit the plugin demo page at

There you can go to the editor (OPEN EDITOR).

Plugin page:

.
hover_2-min
.
.
hover_1-min
.

Need help adjusting your new application? Our Plugin and Template customers receive a 20% discount for all our Design and Development work.
Contact Jay at contact@mindforapps.com

Support
If you have questions, reach out to us at support@mindforapps.com

We appreciate your reviews and suggestions.

Cheers
Jay | Mindforapps

4 Likes
2

Thanks man. Really Nice!

1 Like
3

Thank you. Glad you liked it.

4

Nice. Make sure to add a “No text select” plug-in to your demo! :blush: