From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/css/transition-property/index.html | 153 +++++++++++++++++++++ 1 file changed, 153 insertions(+) create mode 100644 files/zh-cn/web/css/transition-property/index.html (limited to 'files/zh-cn/web/css/transition-property') diff --git a/files/zh-cn/web/css/transition-property/index.html b/files/zh-cn/web/css/transition-property/index.html new file mode 100644 index 0000000000..90df96ad89 --- /dev/null +++ b/files/zh-cn/web/css/transition-property/index.html @@ -0,0 +1,153 @@ +--- +title: transition-property +slug: Web/CSS/transition-property +translation_of: Web/CSS/transition-property +--- +
{{CSSRef("CSS Transitions")}} {{SeeCompatTable}}
+ +

概述

+ +

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

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

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

+ +
{{cssinfo}}
+ +

语法

+ +
/* 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，下划线（_）和破折号（-）。第一个非破折号字符不能是数字。同时，不能以两个破折号开头。
+
+ +

正式语法

+ +
{{csssyntax}}
+ +

示例

+ +

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

+ +

规范

+ + + + + + + + + + + + + + + + +
规范状态备注
{{SpecName('CSS3 Transitions', '#transition-property', 'transition-property')}}{{Spec2('CSS3 Transitions')}}Initial definition
+ +

浏览器兼容

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}} {{property_prefix("-webkit")}}{{CompatGeckoDesktop("2.0")}} {{property_prefix("-moz")}}
+ {{CompatGeckoDesktop("16.0")}}		1011.6{{property_prefix("-o")}}
+ 12.10 #		{{CompatVersionUnknown}} {{property_prefix("-webkit")}}
IDENT value{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}12.10 {{CompatNo}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}} {{property_prefix("-webkit")}}{{CompatVersionUnknown}} {{property_prefix("-webkit")}}{{CompatGeckoMobile("2.0")}} {{property_prefix("-moz")}}
+ {{CompatGeckoMobile("16.0")}}		{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}} {{property_prefix("-webkit")}}
IDENT value{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatNo}}
+
+ +

参考

+ + -- cgit v1.2.3-54-g00ecf