过渡属性 | transition-property

transition-property 指定应用过渡属性的名称。

/* Keyword values */
transition-property: none;
transition-property: all;
transition-property: test_05;
transition-property: -specific;
transition-property: sliding-vertically;

transition-property: test1;
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;

注意：可被用于动画的属性集合文章近期将会变更，应该避免使用列表中出现的但目前没有动画的属性。否则，将会出现一些不可预料的结果。

如果指定简写属性（比如 background），那么其完整版中所有可以动画的属性都会被应用过渡。

语法

值

none没有过渡动画。all所有可被动画的属性都表现出过渡动画。IDENT属性名称。由小写字母 a到z，数字 0到9，下划线（_）和破折号（-）。第一个非破折号字符不能是数字。同时，不能以两个破折号开头。

正式语法

none | <single-transition-property>#where 
<single-transition-property> = all | <custom-ident>

示例

在 CSS transitions 中有几个示例可以参考。

规范

浏览器兼容性

除了支持无前缀外，Gecko 44.0（Firefox 44.0 / Thunderbird 44.0 / SeaMonkey 2.41）还增加了对该属性的-webkit前缀版本的支持，以解决layout.css.prefixes.webkit首选项（默认为false）的Web兼容性问题，因为Gecko 49.0（Firefox 49.0 / Thunderbird 49.0 / SeaMonkey 2.46），首选项默认为true。