Taffy stretches each letter tall and thin, then lets it snap back and jiggle into shape like a piece of pulled candy released.
What Taffy is good for
Sweet, candy and dessert branding
Playful children's content
Elastic and stretchy product metaphors
How this animation is built
ta-stretch scales each letter non-uniformly — tall on the Y axis, narrow on the X — then releases with an elastic settle. Preserving volume as it deforms is what makes it read as stretching rather than simply scaling.
Tips for Taffy
Rounded heavy faces stretch convincingly; thin faces disappear when narrowed.
Leave vertical headroom for the stretch.
Taffy questions
How is this different from Accordion?
Taffy stretches vertically and springs back. Accordion works on the horizontal axis, spreading the whole word wide before squeezing it together.
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