Entrances & Exits · Entering & leaving
Masked word reveal逐词遮罩揭示
- rhythmic
- rising from a slit
- one after another
Each word of the heading rises out of an invisible horizontal slit, one after another — the earlier ones already settled while the rest wait below. Nothing fades; the text only grows up out of the slit.
When to use it
Use it for hero headings, section titles, and one-line confirmations. Avoid body copy and lists — revealing word by word halves the reading speed.
Parameters
unit = word (en) / char (zh, ja) · shell overflow hidden · inner transform: translateY(112%) → 0 · 640ms cubic-bezier(.22,1,.36,1) · stagger 85ms
Recipe
stagger 85msMasked word reveal → transform translateY(112%) → 0 @ 640ms cubic-bezier(.22,1,.36,1)
One sentence for your AI
Reveal this heading word by word from below: wrap each word in an overflow-hidden shell, start it at translateY(112%) hidden under the shell, then rise to 0 with an 85ms stagger and 640ms cubic-bezier(.22,1,.36,1) per word. Do not fade the text — move it only.