Transition
Transition（切換），在一個圖像檔案中，從一個貼片到另一個貼片轉換的一種圖像效果。一種常用切換是衰 落，如從全黑開始的衰落（從全黑貼片的低一個貼片）或以全黑結束的衰落（從最後一個場景到全黑貼片）。
transition屬性
語法：transition：[transition-property]||[transition-duration]||[transition-timing-function]||[transition-delay]
默認值：看每個獨立屬性
取值：
[transition-property]：
檢索或設定對象中的參與過渡的屬性
[transition-duration]：
檢索或設定對象過渡的持續時間
[transition-timing-function]：
檢索或設定對象中過渡的動畫類型
[transition-delay]：
檢索或設定對象延遲過渡的時間
說明：
複合屬性。檢索或設定對象變換時的過渡。
可以為同一元素的多個屬性定義過渡效果。示例：
縮寫方式：
transition:border-color.5sease-in.1s,
background-color.5sease-in.1s,
color.5sease-in.1s;
transition:border-color.5sease-in.1s,background-color.5sease-in.1s,color.5sease-in.1s;
拆分方式：
transition-property:border-color,
background-color,
color;
transition-duration:.5s,
.5s,
.5s;
transition-timing-
function:ease-in,
ease-in,
ease-in;
transition-delay:.1s,
.1s,
.1s;
transition-property:border-color,background-color,color;transition-duration:.5s,.5s,.5s;transition-timing-function:ease-in,ease-in,ease-in;transition-delay:.1s,.1s,.1s;
如果定義了多個過渡的屬性，而其他屬性只有一個參數值，則表明所有需要過渡的屬性都套用同一個參數值。據此可以對上面的例子進行縮寫：
拆分方式：
transition-property:border-color,
background-color,
color;
transition-duration:.5s;
transition-timing-
function:ease-in;
transition-delay:.1s;
transition-property:border-color,background-color,color;transition-duration:.5s;transition-timing-function:ease-in;transition-delay:.1s;
如果需要定義多個過渡屬性且不想指定具體是哪些屬性過渡，同時其他屬性只有一個參數值，據此可以對上面的例子進行縮寫：
縮寫方式：
transition:all.5sease-in.1s;
transition:all.5sease-in.1s;
拆分方式：
transition-property:all;
transition-duration:.5s;
transition-timing-
function:ease-in;
transition-delay:.1s;
transition-property:all;transition-duration:.5s;transition-timing-function:ease-in;transition-delay:.1s;
對應的腳本特性為transition。
寫法：
核心類型寫法
Webkit(Chrome/Safari)-webkit-transition
Gecko(Firefox)-moz-transition
Presto(Opera)-o-transition
Trident(IE)-ms-transition
W3Ctransition
示例：
請將滑鼠移動到下面的矩形上：背景色過渡背景色過渡背景色過渡背景色過渡背景色過渡
