Skip to content

Transition

Transition-duration

List of design token names, values and metadata for transition-duration
NameValue
transition-duration-base
mouse here
100ms

transition-duration.100

transition-duration-medium
mouse here
250ms

transition-duration.200

Transition-timing-function

List of design token names, values and metadata for transition-timing-function
NameValue
transition-timing-function-system
mouse here
ease

transition-timing-function.100

transition-timing-function-user
mouse here
ease-out

transition-timing-function.200

Transition-property

List of design token names, values and metadata for transition-property
NameValue
transition-property-base
mouse here
background-color, color, border-color, box-shadow

transition-property.background-color

transition-property.color

transition-property.border-color

transition-property.box-shadow

transition-property-fade
mouse here
opacity

transition-property.opacity

transition-property-icon
mouse here
color

transition-property.color

transition-property-icon-css-only
mouse here
background-color

transition-property.background-color

transition-property-toggle-switch-grip
mouse here
background-color, border-color, transform

transition-property.background-color

transition-property.border-color

transition-property.transform