Motion

Durations, easing curves and semantic motion roles that explain change without adding playfulness.

PreviewNameValue

--sous-ref-duration-00ms

--sous-ref-duration-7575ms

--sous-ref-duration-100100ms

--sous-ref-duration-120120ms

--sous-ref-duration-150150ms

--sous-ref-duration-180180ms

--sous-ref-duration-200200ms

--sous-ref-duration-240240ms

--sous-ref-duration-300300ms

--sous-ref-duration-400400ms

--sous-ref-duration-500500ms

--sous-ref-easing-entercubic-bezier(0.16, 1, 0.3, 1)

--sous-ref-easing-exitcubic-bezier(0.4, 0, 1, 1)

--sous-ref-easing-linearlinear

--sous-ref-easing-standardcubic-bezier(0.2, 0, 0.2, 1)

--sous-motion-easecubic-bezier(0.2, 0, 0.2, 1)

--sous-motion-ease-entercubic-bezier(0.16, 1, 0.3, 1)

--sous-motion-ease-exitcubic-bezier(0.4, 0, 1, 1)

--sous-motion-enter240ms

--sous-motion-exit150ms

--sous-motion-instant0ms

--sous-motion-state120ms

--sous-motion-transition180ms