The transition-property
CSS property sets the CSS properties to which a transition effect should be applied.
If you specify a shorthand property (e.g., background
), all of its longhand sub-properties that can be animated will be.
/* Keyword values */ transition-property: none; transition-property: all; /* <custom-ident> values */ transition-property: test_05; transition-property: -specific; transition-property: sliding-vertically; /* Multiple values */ transition-property: test1, animation4; transition-property: all, height, all; transition-property: all, -moz-specific, sliding; /* Global values */ transition-property: inherit; transition-property: initial; transition-property: unset;
none
all
<custom-ident>
none | <single-transition-property>#where
<single-transition-property> = all | <custom-ident>
There are several examples of CSS transitions included in the main CSS transitions article.
Specification | Status | Comment |
---|---|---|
CSS Transitions The definition of 'transition-property' in that specification. | Working Draft | Initial definition |
Initial value | all |
---|---|
Applies to | all elements, ::before and ::after pseudo-elements
|
Inherited | no |
Media | visual |
Computed value | as specified |
Animation type | discrete |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 26
|
12
|
16
|
10 | 12.1
|
Yes
|
IDENT value
|
Yes | ? | Yes | Yes | Yes | No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | Yes
|
26
|
12
|
16
|
? | Yes
|
Yes
|
IDENT value
|
Yes | Yes | ? | Yes | Yes | No | Yes |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property