transition-property

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

语法

transition-property: none | <single-transition-property>#;

属性值

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平台

App平台不支持none和all属性

默认值

平台	默认值
app-uvue	none
web	all

兼容性

uni-app 兼容性

	安卓系统版本	安卓 uni-app	安卓 uni-app-x	iOS 系统版本	iOS uni-app	iOS uni-app-x
transition-property	5.0	√	3.9+	9.0	√	-

参见

• MDN Reference