Text

Headings and words: split reveals, typing, scrambles, gradients and tickers. 6 animations.

A heading rises word by word from behind a mask. Each word is wrapped by JS so the HTML stays a normal heading.

Each character drops in with its own delay, giving a lively, playful headline entrance.

Text types out character by character with a blinking caret, cycling through several phrases.

A colour gradient slides endlessly through the letters using background-clip: text.

Random characters shuffle and then lock into the real word, letter by letter, like a decoding effect.

A seamless looping ticker of words, built by duplicating the track and translating it by exactly half.