概念
過渡-transition皮假，時(shí)CSS3中具有顛覆性的特征之一鞋拟，我們可以在不適用Flash動(dòng)畫或JavaScript的情況下，當(dāng)元素從一種樣式變換為另一個(gè)樣式時(shí)為元素添加效果惹资。
過度動(dòng)畫：是從一個(gè)狀態(tài) 漸漸地過渡到另一個(gè)狀態(tài)
可以讓我們頁面更好看贺纲，更動(dòng)感十足，雖然 低版本瀏覽器不支持（IE9以下版本）但是不會(huì)印象頁面布局褪测，并且經(jīng)常和hover一起搭配使用猴誊。
屬性
想要變化的CSS屬性潦刃，寬度高度 背景顏色 內(nèi)外邊距都可以，如果想要所有的屬性都變化過渡懈叹，寫一個(gè)all就可以乖杠。
花費(fèi)時(shí)間
單位是秒（必須寫單位） 比如 0.5s
運(yùn)動(dòng)曲線
默認(rèn)是ease（可以省略）
何時(shí)開始
單位是秒（必須寫單位）可以設(shè)置延遲觸發(fā)事件 默認(rèn)是0s（可以省略）
案例
div {
width: 200px;
height: 100px;
background-color: pink;
transition: width 1s .5s;
}
div:hover {
width: 400px;
}
注意
- 多個(gè)過渡用all
- 誰做過渡給誰加
