简体中文
简体中文
# transition-property
transition-property 指定应用过渡属性的名称。
# uni-app x 兼容性
| Web | Android | iOS |
|---|---|---|
| 4.0 | 3.9 | 4.11 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE |
|---|---|---|---|---|---|
| √（ 26 ） | √（ 12 ） | √（ 16 ） | √（ 12.1 ） | √（ 9 ） | √（ 10 ） |
# 语法
transition-property: none | <single-transition-property>#;
# transition-property 的属性值
| 名称 | 兼容性 | 描述 |
|---|---|---|
| all | 所有可被动画的属性都表现出过渡动画。 | |
| none | 没有过渡动画。 | |
| width | 控制宽度属性的过渡效果 | |
| height | 控制高度属性的过渡效果 | |
| margin | 控制外边距属性的过渡效果 | |
| margin-top | 控制上外边距属性的过渡效果 | |
| margin-bottom | 控制下外边距属性的过渡效果 | |
| margin-left | 控制左外边距属性的过渡效果 | |
| margin-right | 控制右外边距属性的过渡效果 | |
| left | 控制左侧位置属性的过渡效果 | |
| right | 控制右侧位置属性的过渡效果 | |
| top | 控制顶部位置属性的过渡效果 | |
| bottom | 控制底部位置属性的过渡效果 | |
| padding | 控制内边距属性的过渡效果 | |
| padding-left | 控制左内边距属性的过渡效果 | |
| padding-right | 控制右内边距属性的过渡效果 | |
| padding-top | 控制上内边距属性的过渡效果 | |
| padding-bottom | 控制下内边距属性的过渡效果 | |
| opacity | 控制透明度属性的过渡效果 | |
| background-color | 控制背景颜色属性的过渡效果 | |
| border-color | 控制边框颜色属性的过渡效果 | |
| border-top-color | 控制上边框颜色属性的过渡效果 | |
| border-bottom-color | 控制下边框颜色属性的过渡效果 | |
| border-left-color | 控制左边框颜色属性的过渡效果 | |
| border-right-color | 控制右边框颜色属性的过渡效果 | |
| transform | 控制变换属性的过渡效果 |
# App平台
从 HBuilderX4.11 版起，默认值调整为all。HBuilderX4.11 以下版本，默认值为none。
# 默认值
| 平台 | 默认值 |
|---|---|
| uvue-app | all |
| uvue-web | all |
注意：W3C 默认值为：all
