Skip to content

MotionBlur

Velocity-driven blur with RGB shift

MotionBlur preview image 1

Summary

Details Add MotionBlur to your canvas and assign an image Pick an Aspect Ratio to keep proportions consistent Choose a Direction — Vertical, Horizontal, or Gaussian Adjust Max…

Description

About

Velocity-driven motion blur for images. Scroll slow — crisp. Scroll fast — directional streaks with chromatic aberration. Built with SVG filters, not CSS blur. Blur intensity, RGB shift, and desaturation all scale automatically with scroll speed.

Details

  1. Add MotionBlur to your canvas and assign an image

  2. Pick an Aspect Ratio to keep proportions consistent

  3. Choose a Direction — Vertical, Horizontal, or Gaussian

  4. Adjust Max Blur, Sensitivity, and Smoothing to taste

  5. Preview and scroll — the effect only runs in preview and on the published site

Rank history How rankings work →

125015001750185978/149/59/2710/1911/10
  • All · #8503

Details

More like this