Surfaces and motion

5 components in Surfaces and motion.

5 components

A one-line sheet. Opening animates width first, then height. Closing reverses that and does not overshoot.

Details stay hidden until the pointer dwells 220 ms within 4 px. A fast pass does not reveal them.

The closed line by itself: one status, no sheet.

Pill actions at two heights, 28 px and 34 px, with an 8 px gap.

Content enters from scale 0.94 and 6 px down, fading in. Replay runs it again.