Text Blur Reveal
A blur-in stagger by word or by letter, triggered the moment you scroll.
textblurrevealstaggerheadlineanimationscroll
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The string to reveal. |
animateBy | "words" | "letters" | "words" | How to split the string for staggering. |
direction | "top" | "bottom" | "top" | Enter direction for the blur travel. |
delay | number | 200 | Stagger delay between segments, in milliseconds. |
stepDuration | number | 0.35 | Duration of each keyframe step, in seconds. |
startOnView | boolean | true | When true, wait for viewport entry. When false, play on mount. |