WBL effects library

Headline reveal

Hero headline words rise out of a mask on load (or lines, on view).

Use it for: All. Strongest on type-led heroes: trades statement heroes, salons, med spa.
How: <h1 data-fx="text-reveal"> · data-tr="lines" · data-tr-on="view". Screen readers get the heading via aria-label. Keep the whole reveal under ~0.9 s on a hero so it never delays reading.
Weight: 1.7 KB gzipped (CSS + JS), no dependencies

Mar Vista · since 2009

Leaks Fixed the Same Day, Priced Before We Start

Words mode: every word rises in turn (60 ms apart). Reload to replay.

Headline reveal

Leaks Fixed the Same Day, Priced Before We Start

Whole lines rise together when the heading scrolls into view