FlowFav
0
Webflow cloneable · Hover

Image Distortion Text Hover Effects Webflow cloneable

Discover captivating image distortion hover effects with this Webflow cloneable. Enhance your website with mesmerizing Three.js animations that follow the mouse, perfect for adding interactivity. Created by designer CJ Hersh, this resource is ideal for creating visually stunning experiences.

Three.js Image Distortion Hover Effects preview

About cloneable

This Webflow cloneable offers unique motion hover effects with image distortions using Three.js. It provides three different demonstrations of creative hover effects that add a visually striking element to your website. Users can experience images appearing and following the mouse with interesting effects based on mouse speed, creating a captivating visual experience. This resource is perfect for enhancing interactivity on a Webflow site, especially on menus, with smooth and seamless effects thanks to Three.js. Created by designer and developer CJ Hersh, making it a great choice for adding a touch of creativity and enhancing user experience on your website.

This code sets up a CSS style and loads multiple JavaScript libraries. It defines a function to preload images, removes a loader from the document body once images are loaded, and applies an RGB shift effect to an element using the loaded libraries.

About custom code

This code sets up a CSS style and loads multiple JavaScript libraries. It defines a function to preload images, removes a loader from the document body once images are loaded, and applies an RGB shift effect to an element using the loaded libraries.

Categories

Hover WebGL Animation

JS libraries

Three.js TweenMax.js

Similar cloneables

All Hover cloneables →
Three.js Bubble Animation
Three.js Bubble Animation Enhance your website with a captivating Three.js Bubble Animation with this Webflow cloneable. Engage visitors with a dynamic, interactive background that responds to mouse movements. Stand out with this creative design element for a playful user experience.
Clone
GLSL Visual Effects
GLSL Visual Effects Discover a GLSL visual effects Webflow cloneable with stunning web design, 3D effects, WebGL, and interactive design elements. Create immersive experiences with this customizable cloneable.
Clone
Spiral Galaxy Three.js Animation
Spiral Galaxy Three.js Animation Experience the mesmerizing 3D spiral galaxy visualization with this Webflow cloneable. Customize parameters in real-time with the Three.js GUI control panel. Elevate your website with this unique and engaging animation by Maria Karavá.
Clone
Three.js Wave Animation
Three.js Wave Animation Enhance your website with an interactive Three.js wave animation Webflow cloneable. Add depth and creativity to your site's design with this customizable background effect that dynamically responds to user input. Elevate user experience and engagement with this visually captivating feature.
Clone
3D Particle Text Animation
3D Particle Text Animation Create stunning 3D particle text animations with this Webflow cloneable by Eli Shmerler. Transform text into interactive particles that react to mouse movements. Ideal for captivating landing pages or feature sections. Perfect for elevating design with unique animations.
Clone
3D Spiral Galaxy Three.js
3D Spiral Galaxy Three.js Explore the stunning Dynamic 3D Spiral Galaxy Three.js Webflow cloneable. Customize star count, colors, and more in this interactive galaxy animation, perfect for creating visually captivating websites.
Clone
Looping CMS CSS Marquee with Pause on Hover
Looping CMS CSS Marquee with Pause on Hover Create an engaging Looping CMS Marquee with Pause on Hover effect on your website with this Webflow cloneable. Customize animation speed and enhance user engagement with this dynamic feature. Perfect for captivating your audience and adding flair to your site.
Clone
CSS Interactive Button Effects
CSS Interactive Button Effects Enhance user interaction with 20 CSS Button Hover Styles in this Interactive Button Effects Webflow cloneable. Add unique animations like color transitions and text movements to engage website visitors easily.
Clone