Blur Transition

Show Preview
Blur Transition

About Blur Transition

This component creates an interactive image transition with a directional blur effect using Three.js.

It blends between two images based on mouse movement, applying a blur that intensifies with cursor velocity or position.

The component provides Framer controls to customize the images, blur intensity, transition speed, and trigger mode.