01Mask
Every way a page
can move.
Whole lines appear through masks: they rise, slide in, wipe across, open like an iris or an arch, or a marker passes over them.
- Needs
- GSAP, SplitText
- Phase
- Intro and outro
- Motion
- Rise: yPercent 110 to 0. Slide, wipe, iris, and arch move each line's mask. 0.05 to 0.14 s between lines
- Touch and keyboard
- Plays with the page. No input needed.
- Reduced motion
- Never splits. The text is simply there.
- Cleanup
- Reverts the split on completion. Accessible text kept.