Skip to content

Transition

Transition-duration

List of design token names, values and metadata for transition-duration
NameValue
transition-duration-base100ms
Hello

Defined in src/application.json

Refers to transition-duration.100

transition-duration-medium250ms
Hello

Defined in src/application.json

Refers to transition-duration.200

Transition-timing-function

List of design token names, values and metadata for transition-timing-function
NameValue
transition-timing-function-systemease
Hello

Defined in src/application.json

Refers to transition-timing-function.100

transition-timing-function-userease-out
Hello

Defined in src/application.json

Refers to transition-timing-function.200

Transition-property

List of design token names, values and metadata for transition-property
NameValue
transition-property-basebackground-color, color, border-color, box-shadow
Hello

Defined in src/application.json

Refers to transition-property.background-color

Refers to transition-property.color

Refers to transition-property.border-color

Refers to transition-property.box-shadow

transition-property-fadeopacity
Hello

Defined in src/application.json

Refers to transition-property.opacity

transition-property-iconcolor
Hello

Defined in src/components.json

Refers to transition-property.color

transition-property-icon-css-onlybackground-color
Hello

Defined in src/components.json

Refers to transition-property.background-color

transition-property-toggle-switch-gripbackground-color, border-color, transform
Hello

Defined in src/components.json

Refers to transition-property.background-color

Refers to transition-property.border-color

Refers to transition-property.transform