transition過渡屬性

一個動做的完成若是沒有過分階段就會顯得很生硬，也很不美觀，那麼今天咱們介紹的這個屬性就是過分屬性transition，這個標籤的做用就是讓動做有個過渡的過程。

1. transition過渡屬性：

過渡元素是元素從一種形態逐漸改變爲另外一種效果

（1） 規定但願吧效果添加到哪一個css3屬性上

（2） 規定效果的時長

2. transition其餘轉換屬性

transition-property 規定應用過渡效果的css屬性名稱

transition-property：none | all | property；

none：沒有屬性得到過渡效果

all：全部屬性得到過渡效果

property：定義應用過渡效果的的css屬性名稱列表，列表以逗號分隔

transition-duration 定義過渡效果花費的時間，默認值爲0

transition-timing-function 規定過渡效果的時間曲線，默認值「ease」

linear：規定以相同速度開始至結束的過渡效果

ease-in：規定以慢速開始的過渡效果

ease-out：規定以慢速結束的過渡效果

ease-in-out：規定以慢速開始和慢速結束的過渡效果

cubic-bezier（n，n，n，n）：自定義過渡效果的值