当前位置：文江博客知识库简体中文文档 Web CSS transition-property

transition-property - CSS（层叠样式表）编辑

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

概述

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

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

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

初始值	all
适用元素	all elements, `::before` and `::after` pseudo-elements
是否是继承属性	否
适用媒体	visual
计算值	as specified
Animation type	discrete
正规顺序	the unique non-ambiguous order defined by the formal grammar

语法

/* 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;

值

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

正式语法

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

规范

规范	状态	备注
CSS Transitions transition-property	Working Draft	Initial definition

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!