1. Docs
  2. Reveal Text

Reveal Text

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

Plugin Reference
Open in

Loading...

Installation

Examples

Word by word

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

Open in

Loading...

Line by line

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

Open in

Loading...

Masked line

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

Open in

Loading...

Assemble

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

Open in

Loading...

Props

RevealText

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

Previous

Installation

Next

Scramble Text

The source code is available on GitHub.