transition-property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
transition-property
指定应用过渡属性的名称。
尝试一下
如果指定简写属性(比如 background
),那么其完整版中所有可以动画的属性都会被应用过渡。
语法
css
/* 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;
取值
形式定义
形式语法
transition-property =
none |
<single-transition-property>#
<single-transition-property> =
all |
<custom-ident>
示例
在 CSS 过渡中有几个示例可以参考。
规范
Specification |
---|
CSS Transitions # transition-property-property |
浏览器兼容性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
transition-property | ||||||||||||
IDENT value | ||||||||||||
all | ||||||||||||
none |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Requires a vendor prefix or different name for use.
- Has more compatibility info.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.