transition-property

uni-app x 兼容性

语法

transition-property 的属性值

App平台

默认值

兼容性

transition-property 的属性值兼容性

浏览器兼容性

参见

# transition-property

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

# uni-app x 兼容性

Android	iOS	web
3.9	4.11	4.0

# 语法

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

# 兼容性

# transition-property 的属性值兼容性

	Android	iOS	web
all	4.13	4.13	4.0
none	4.13	4.13	4.0
width	3.9	4.11	4.0
height	3.9	4.11	4.0
margin	3.9	4.11	4.0
margin-top	3.9	4.11	4.0
margin-bottom	3.9	4.11	4.0
margin-left	3.9	4.11	4.0
margin-right	3.9	4.11	4.0
left	3.9	4.11	4.0
right	3.9	4.11	4.0
top	3.9	4.11	4.0
bottom	3.9	4.11	4.0
padding	3.9	4.11	4.0
padding-left	3.9	4.11	4.0
padding-right	3.9	4.11	4.0
padding-top	3.9	4.11	4.0
padding-bottom	3.9	4.11	4.0
opacity	3.9	4.11	4.0
background-color	3.9	4.11	4.0
border-color	3.9	4.11	4.0
border-top-color	3.9	4.11	4.0
border-bottom-color	3.9	4.11	4.0
border-left-color	3.9	4.11	4.0
border-right-color	3.9	4.11	4.0
transform	3.9	4.11	4.0