Transition

NameValue
transition-base100ms
Hello

Defined in src/codex-base.json

Refers to transition-duration.100

`ease` is the initial value, therefore leaving out.

transition-ease-medium250ms
Hello

Defined in src/codex-base.json

Refers to transition-duration.250

transition-ease-out-mediumease-out 100ms
Hello

Defined in src/codex-base.json

Refers to transition-timing-function.human

Refers to transition-duration.100

Transition-duration

NameValue
transition-duration-100100ms
Hello

Defined in src/theme-wikimedia-ui.json

transition-duration-250250ms
Hello

Defined in src/theme-wikimedia-ui.json

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.250

Transition-timing-function

NameValue
transition-timing-function-systemease
Hello

Defined in src/theme-wikimedia-ui.json

`ease` for system initiated transitions. See T77949. It's also the initial value.

transition-timing-function-humanease-out
Hello

Defined in src/theme-wikimedia-ui.json

`ease-out` for human initiated transitions.

Transition-property

NameValue
transition-property-framedbackground-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-background-colorbackground-color
Hello

Defined in src/theme-wikimedia-ui.json

transition-property-colorcolor
Hello

Defined in src/theme-wikimedia-ui.json

transition-property-border-colorborder-color
Hello

Defined in src/theme-wikimedia-ui.json

transition-property-box-shadowbox-shadow
Hello

Defined in src/theme-wikimedia-ui.json

Last updated: