SteevePommier
Theme
Menu background
Background pattern
Reveal
Reveal size 10
Density 50
Colour
Menu position
Analytics

Text morphing iris mask

A word becomes another through per-letter irises: a circle closes over each letter, eats it away to a point, then reopens holding the next word's character.

2dtypography

The word stays put while a transition sweeps across it letter by letter: over each slot a circular clipping region shrinks the visible letter away from the outside in, swaps glyphs at the instant the circle reaches nothing, then grows back to reveal the next word's character. The circle can also be stroked as a thin outline, so the iris reads as a drawn instrument passing over the type rather than an invisible cut.

Each letter slot is clipped to its own disc whose radius runs full → zero → full across the slot's local timeline, with the glyph swap hidden at the zero crossing. A stagger with adjustable overlap slides that timeline across the slots — zero overlap sequences the letters strictly, full overlap morphs them all at once — the loop cycles the whole word list back around to the first word, and slots whose character does not change between words can skip their iris entirely.