A smooth text reveals animation where each heading reveals related content on interaction.
Examples
Word by word
Set type to words, the text will be split by individual words.
Line by line
Set type to lines, the text will be split by individual lines.
Masked line
Set splitTextVars with the code to reveal each line as if it's masked.
Assemble
Set gsapVars with the code, and the text will appear as if it's coming from broken pieces.
Props
RevealText
| Prop | Type | Default |
|---|---|---|
| type | chars words lines | chars |
| gsapVars | gsap.TweenVars | - |
| splitTextVars | SplitText.Vars | - |