transition-property

語法:

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

默認值all

取值:

all:
所有可以進行過渡的css屬性
none:
不指定過渡的css屬性
<property>:
指定要進行過渡的css屬性

說明:

檢索或設置對象中的參與過渡的屬性。
  • 默認值为:all。默认为所有可以進行過渡的css屬性。
  • 如果提供多個屬性值,以逗號進行分隔。
  • 對應的腳本特性爲transitionProperty

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
版本 6.0-9.0 4.0-9.0 5.1 13.0-16.0 11.50-11.60
版本 10.0

寫法:

內核類型 寫法
Webkit(Chrome/Safari) -webkit-transition-property
Gecko(Firefox) -moz-transition-property
Presto(Opera) -o-transition-property
Trident(IE) -ms-transition-property
W3C transition-property

示例:

有過渡效果的屬性:

屬性名稱 類型
background-colorcolor
background-imageonly gradients
background-positionpercentage, length
border-bottom-colorcolor
border-bottom-widthlength
border-colorcolor
border-left-colorcolor
border-left-widthlength
border-right-colorcolor
border-right-widthlength
border-spacinglength
border-top-colorcolor
border-top-widthlength
border-widthlength
bottomlength, percentage
colorcolor
croprectangle
font-sizelength, percentage
font-weightnumber
grid-*various
heightlength, percentage
leftlength, percentage
letter-spacinglength
line-heightnumber, length, percentage
margin-bottomlength
margin-leftlength
margin-rightlength
margin-toplength
max-heightlength, percentage
max-widthlength, percentage
min-heightlength, percentage
min-widthlength, percentage
opacitynumber
outline-colorcolor
outline-offsetinteger
outline-widthlength
padding-bottomlength
padding-leftlength
padding-rightlength
padding-toplength
rightlength, percentage
text-indentlength, percentage
text-shadowshadow
toplength, percentage
vertical-alignkeywords, length, percentage
visibilityvisibility
widthlength, percentage
word-spacinglength, percentage
z-indexinteger
zoomnumber