Text gently floats / parallax shifts on scroll.
Scroll the box. Each character floats into place, scrubbed by the scroll position. Changing a control resets the scroll.
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | "" | The content to animate. It is split into individual characters. |
scrollContainer | HTMLElement | null | null | Optional scroll container element. Defaults to window if not provided. |
containerClassName | string | "" | Additional classes for the container element. |
textClassName | string | "" | Additional classes for the text element. |
animationDuration | number | 1 | Duration (in seconds) of the animation. |
ease | string | "back.inOut(2)" | Easing function used for the animation. |
scrollStart | string | "center bottom+=50%" | The scroll trigger start position. |
scrollEnd | string | "bottom bottom-=40%" | The scroll trigger end position. |
stagger | number | 0.03 | Delay between the animation start of each character. |
Keyboard shortcuts and ARIA behavior.