Any element, CSS only

An image, the same way

Every direction, on fade

Zoom

The same fade-up, four named easings

mask-up, whole element, CSS only

Wiped in from the bottom edge, no GSAP

fade-up, words

Words rise and fade in one after another, then reset once the paragraph is fully off screen so they play again when you scroll back.

blur, chars

Letter by letter

scatter: letters appear one by one, in a random order

Twentieth and twenty-first century art

flicker: letters blink on, in a random order

Twentieth and twenty-first century art

fade-up, chars, from the center out

From the middle outwards

mask-up, lines

Every line slides up from behind its own mask

mask-down, once, and named in its events

This one plays once

Waiting for the headline above

A custom effect, tilt, defined in this demo's own CSS. Its directions come free

The same custom effect split into words, from registerRevealBase

Each word tilts into place using start values this page registered for the split path.

Added after load, picked up by the MutationObserver