EDITFRAMEMotion catalog
← Back to index

Motion study

Analyzing Card Sheen

Loading…
Part

Overview

Card with rotating conic sheen and glow. Pill copy swaps. Optional shrink-to-corner.

Build

  1. 01

    conic-gradient angle = t.

  2. 02

    box-shadow breathe.

  3. 03

    pill states[].

bg = conic-gradient(from tdeg, …)
Example source React / TSX

examples/analyzing-card-sheen.tsx · Uses the catalog’s shared composition helpers.

Loading source…