1.過(guò)渡三要素
1.1必須要有屬性發(fā)生變化
1.2必須告訴系統(tǒng)哪個(gè)屬性需要執(zhí)行過(guò)渡效果
1.3必須告訴系統(tǒng)過(guò)渡效果持續(xù)時(shí)長(zhǎng)
2.注意點(diǎn)
當(dāng)多個(gè)屬性需要同時(shí)執(zhí)行過(guò)渡效果時(shí)用逗號(hào)隔開即可
transition-property: width, background-color;
transition-duration: 5s, 5s;
3.過(guò)渡連寫格式
transition: 過(guò)渡屬性 過(guò)渡時(shí)長(zhǎng) 運(yùn)動(dòng)速度 延遲時(shí)間;
4.過(guò)渡連寫注意點(diǎn)
4.1和分開寫一樣, 如果想給多個(gè)屬性添加過(guò)渡效果也是用逗號(hào)隔開即可
4.2連寫的時(shí)可以省略后面的兩個(gè)參數(shù), 因?yàn)橹灰帉懥饲懊娴膬蓚€(gè)參數(shù)就已經(jīng)滿足了過(guò)渡的三要素
4.3如果多個(gè)屬性運(yùn)動(dòng)的速度/延遲的時(shí)間/持續(xù)時(shí)間都一樣, 那么可以簡(jiǎn)寫為
transition:all 0s;
