Skip to content

Blur Transition

A Motion Blur Image Transition

Blur Transition preview image 1

Summary

A Motion Blur Image Transition

Description

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.

Rank history How rankings work →

110012001300139418/149/59/2710/1911/10
  • All · #3368

Details

More like this