Skip to main content
On this page

Motion

Speed, distance, direction and duration for animated elements.

Overview​

Motion describes how elements move across a canvas, including the speed, distance, direction and duration. Micro-interactions such as buttons and dropdowns will favour quicker motion, where as slide in menus and modals will be more suited to a slower interaction.

Transitions​

Theme tokens
TokenDefault Value
transitions.standard0.2s ease