Text Hover Distortion

Characters react to cursor proximity

01

Push Mode

Move your cursor over the text to push characters away:

SCATTER

Larger radius

AVOID ME

02

Pull Mode

Characters are attracted toward your cursor:

MAGNETIC

Elastic ease

ATTRACT

03

Wave Ripple

Creates a radial wave emanating from cursor position:

RIPPLE EFFECT

04

Rotation

Letters rotate to face the cursor:

SPIN

05

Combined Effects

Push mode with scale and opacity modifiers for depth:

INTERACTIVE

mode: push scale: true opacity: true falloff: exponential