transition-property
Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
概述
transition-property
指定应用过渡属性的名称。
备注: 可被用于动画的属性集合文章近期将会变更,应该避免使用列表中出现的但目前没有动画的属性。否则,将会出现一些不可预料的结果。
如果指定简写属性(比如 background
),那么其完整版中所有可以动画的属性都会被应用过渡。
语法
/* 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
,下划线(_
)和破折号(-
)。第一个非破折号字符不能是数字。同时,不能以两个破折号开头。
正式语法
transition-property =
none |
<single-transition-property>#
<single-transition-property> =
all |
<custom-ident>
示例
在 CSS transitions 中有几个示例可以参考。
规范
Specification |
---|
CSS Transitions # transition-property-property |
浏览器兼容
BCD tables only load in the browser