Motion study

Press Pop

Loading…
Motif

Overview

scale 1 → 0.94 → 1 in 120–180ms. Optional ripple sibling.

Build

  1. 01

    pressScale 0.94.

  2. 02

    duration 150ms.

.btn { animation: 150ms press-pop both }
Example source React / TSX

examples/press-pop.tsx · Uses the catalog’s shared composition helpers.

Loading source…