Skip to content

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

TokenDefault Value
transitions.standard0.2s ease