Skip to content

Transition

Transition-duration

NameValue
transition-duration-base100ms
Hello

Defined in src/codex-base.json

Refers to transition-duration.100

transition-duration-medium250ms
Hello

Defined in src/codex-base.json

Refers to transition-duration.200

Transition-timing-function

NameValue
transition-timing-function-systemease
Hello

Defined in src/codex-base.json

Refers to transition-timing-function.100

transition-timing-function-userease-out
Hello

Defined in src/codex-base.json

Refers to transition-timing-function.200

Transition-property

NameValue
transition-property-basebackground-color, color, border-color, box-shadow
Hello

Defined in src/codex-base.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/codex-base.json

Refers to transition-property.opacity

transition-property-iconcolor
Hello

Defined in src/codex-components.json

Refers to transition-property.color

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

Defined in src/codex-components.json

Refers to transition-property.background-color

Refers to transition-property.border-color

Refers to transition-property.left

Transition shorthand

NameValue
transition-base100ms
Hello
deprecated

Defined in src/codex-base.json

Refers to transition-duration.100

Deprecated: Legacy `transition` for icon states in non-Codex products.