Items closed
128
Motion
Motion
Panel spring, UI spring, enter, dwell, and the sheet. Nothing loops. Replay starts a demo.
Panel spring
320 ms, cubic-bezier(.22, 1, .36, 1). Stiffness 400, damping 32.
UI spring
180 ms, cubic-bezier(.25, 1, .5, 1). Stiffness 700, damping 53.
Enter
Scale 0.94, 6 px down, fade. 320 ms on the panel spring.
Dwell
220 ms inside 4 px. Keyboard focus reveals at once.
Example data
Quiet record
Hidden until hover.
- Owner
- A. Rahim
- Status
- In review
- Document
- DOC-1042
Pointer dwell 220 ms inside 4 px. Keyboard focus reveals at once.
Sheet
Width leads height on open. Height leads width on close. The curve does not pass the end state.
Example data
- DOC-1042 Access policy
- DOC-1055 Leave calendar
- DOC-1088 Expense sheet
- DOC-1110 Retention rule
Other durations
| Token | Value | Use |
|---|---|---|
| --out-ms | 140 ms | Leave and fade out |
| --route-ms | 260 ms | Route change |
| --dwell | 220 ms | Hover intent and tooltips |
Reduced motion removes these transitions. The end state remains.