EDITFRAMEMotion catalog
← Back to index

Motion study

Highlight Sweep Select

Loading…
Part

Overview

Grow a highlight with background-size left→right across the phrase.

Build

  1. 01

    Target span.

  2. 02

    background-size 0→100%.

  3. 03

    Then the next action (zoom, menu).

el.style.backgroundSize = sweepK(t) + '% 100%'
Example source React / TSX

examples/highlight-sweep-select.tsx · Uses the catalog’s shared composition helpers.

Loading source…