Masked Heading
Each line slides up from behind an invisible edge when the heading comes into view, one line after another.
import { MaskedHeading } from "pleate/effects/masked-heading";Three lines
Quiet surfaces, calm motion, colors that follow you.
Props
- lines
One entry per line, so the breaks are yours.
string[]- as
Element to render.
ElementTypedefault "h2"- stagger / delay / duration
Timing in seconds.
numberdefault 0.12 / 0 / 0.9- once
Play only the first time.
booleandefault true
Accessibility
- Screen readers get the lines joined as one sentence.
- Reduced motion shows it at rest.