Accordion spreads your word wide, letters pulling apart across the frame, then squeezes them back together until the spacing settles.
What Accordion is good for
Fashion and editorial titles
Minimal, typographic branding
Transitions between text states
How this animation is built
ac-squeeze animates letter spacing rather than transforming each glyph, so the letterforms keep their proportions throughout and only the gaps between them change — which is why it stays legible even at full spread.
Tips for Accordion
Wide framing. The spread needs horizontal room.
Works well with all caps and generous tracking to begin with.
Accordion questions
Do the letters themselves distort?
No — only the spacing changes. That is what separates it from Taffy, where the glyphs genuinely deform.
Related animation styles
Focus Pull — Cinematic blur-to-sharp reveal with a passing sheen
Highlighter — A marker stroke sweeps under the words, flipping them to ink
Impact — Word slams in with a spring pop and shockwave rings
Odometer — Digits roll up like a mechanical counter
Aberration — Chromatic channels tear apart and snap into focus
Billboard — Words flip up like rotating sign boards