首页 > 属性 Properties >  过渡(Transition)  >  transition-property

版本 : CSS3 transition-property

语法:

transition-property :none | <single-transition-property> [ , <single-transition-property> ]*

<single-transition-property> = all | <IDENT>

默认值 all

适用于 :所有元素,包含伪对象:after和:before

继承性 :无

动画性 :否

计算值 :指定值

媒体 :视觉

取值:

none:
不指定过渡的css属性
all:
所有可以进行过渡的css属性
<IDENT>
指定要进行过渡的css属性

说明:

检索或设置对象中的参与过渡的属性。
  • 默认值为:all。默认为所有可以进行过渡的css属性。
  • 如果提供多个属性值,以逗号进行分隔。
  • 对应的脚本特性为 transitionProperty

有过渡效果的属性:

属性名称 类型
transform all
background-color color
background-image only gradients
background-position percentage, length
border-bottom-color color
border-bottom-width length
border-color color
border-left-color color
border-left-width length
border-right-color color
border-right-width length
border-spacing length
border-top-color color
border-top-width length
border-width length
bottom length, percentage
color color
crop rectangle
font-size length, percentage
font-weight number
grid-* various
height length, percentage
left length, percentage
letter-spacing length
line-height number, length, percentage
margin-bottom length
margin-left length
margin-right length
margin-top length
max-height length, percentage
max-width length, percentage
min-height length, percentage
min-width length, percentage
opacity number
outline-color color
outline-offset integer
outline-width length
padding-bottom length
padding-left length
padding-right length
padding-top length
right length, percentage
text-indent length, percentage
text-shadow shadow
top length, percentage
vertical-align keywords, length, percentage
visibility visibility
width length, percentage
word-spacing length, percentage
z-index integer
zoom number

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-9.0 2.0-3.6 4.0-25.0 -webkit- 6.0 -webkit- 15.0+ 6.0-6.1 -webkit- 2.1-4.3 -webkit- 18.0-24.0 -webkit-
10.0+ 4.0-15.0 -moz- 26.0+ 6.1+ 7.0+ 4.4.4+ 25.0+
16.0+