--duration-micro
100msbutton, focus, and tag feedback
Foundations · Motion
Four durations, two easings.
Use named tokens instead of raw ms values in components. Reduced motion is handled automatically.
Duration
Four durations, two easings. Use named tokens instead of raw ms in components.
--duration-short
180msindicators, toggles, and image color
--duration-medium
240mssheets and larger surfaces
--duration-long
360msdeliberate entry motion