Motion study

Spec Band Stagger

Loading…
Sceneportrait

Overview

Full-width bands rise in sequence. Each band: image, name, specs, price.

Build

  1. 01

    Header + chip.

  2. 02

    Bands stagger 300–400ms.

  3. 03

    Footer holds.

.band { animation: 480ms spec-band-rise both; animation-delay: calc(var(--i) * 360ms) }
Example source React / TSX

examples/spec-band-stagger.tsx · Uses the catalog’s shared composition helpers.

Loading source…