Overview
Sweep a second text color through each word over its own duration, retaining the completed fill.
Build
- 01
Place a colored copy exactly over each base word.
- 02
Animate a clipping edge from left to right between that word’s start and end.
- 03
Retain completed words until the phrase ends, then reset with the next cue.
Example source React / TSX
examples/caption-karaoke-fill.tsx · Uses the catalog’s shared composition helpers.
Loading source…