webkit-transition-

轉：

在CSS3中這個屬性的做用是使得變化不那麼生硬，達到比較平和的過渡。而實際變化的屬性是須要咱們本身手動去添加變化. 這個屬性能夠分解成多個CSS屬性：（1)-webkit-transition-timing-function 能夠定義動畫的變化時間曲線 -webkit-transition-timing-function: ease-out ,cubic-bezier(x1,y1,x2,y2); （2）-webkit-transition-property指定發生變化的屬性 -webkit-transition-property: opacity; （3）-webkit-transition-duration制定發生變化的時間 -webkit-transition-duration: 2s; -webkit-transition-delay 指定在變換開始以前的時間延遲  -webkit-transition: opacity 500ms ease-out 100ms;      參數分別爲 property,duration,timing-function,delay