Transitions

Transition Durations

TokenCSS VariableValueExample
transitionDurationShort--transition-duration-short0.1s
transitionDurationDefault--transition-duration-default0.2s
transitionDurationLong--transition-duration-long0.3s

Transition Easings

TokenCSS VariableValueExample
transitionEasingDefault--transition-easing-defaultease-in-out
transitionEasingCubicBezier--transition-easing-cubic-beziercubic-bezier(0.13, 0.62, 0.11, 0.99)

Help improve this page