Scroll Float
Letters float up and un-squash as the text scrolls into view, tied to the scroll position.
import { ScrollFloat } from "pleate/effects/scroll-float";Scroll it into view
Rise with the page
Props
- text
The text.
string- as
Element to render.
ElementTypedefault "h2"- stagger
Share of the scroll range over which letters start (0 to 1).
numberdefault 0.5
Accessibility
- Screen readers get the whole sentence once.
- Reduced motion shows the plain text.