1. Docs
  2. Reveal Text

Reveal Text

A smooth text reveal animation where each heading reveals related content on interaction.

Loading...

Installation

Examples

Word by word

Set type to words, the text will be split by individual words.

Loading...

Line by line

Set type to lines, the text will be split by individual lines.

Loading...

Masked line

Set splitTextVars with the code to reveal each line as if it's masked.

Loading...

Assemble

Set gsapVars with the code, and the text will appear as if it's coming from broken pieces.

Loading...

Props

RevealText

PropTypeDefault
typechars words lineschars
gsapVarsgsap.TweenVars-
splitTextVarsSplitText.Vars-

The source code is available on GitHub.