Text Animations Playground

Text

Animation Type

Speed (seconds) Used by most animations as data-anim-speed. Number Count uses data-speed.

Ease (data-ease) Core GSAP eases (docs). Leave empty to use each animation’s default.

Start element position

Start viewport position

End element position

End viewport position Tip: you can also use numeric values with % (e.g., 70%) for viewport positions.

Reverse on leave

Scroll to see the animation

The quick brown fox jumps over the lazy dog.