transition 屬性是乙個簡寫屬性，用於設定四個過渡屬性：
transition-property ：規定設定過渡效果的 css 屬性的名稱（all || [attr] || none）
transition-duration ：運動時間
transition-delay :延遲時間
transition-timing-function :運動形式
注釋：請始終設定 transition-duration 屬性，否則時長為 0，就不會產生過渡效果。
復合樣式：
transition
:top 2s 1s,left 5s 1s;
1.rotate(90deg) 旋轉函式 取值度數
2.skew(90deg) 傾斜函式 取值度數
scale(2) 縮放函式 取值 正數、負數和小數
translate() 位移函式
transform 執行順序問題 — 後寫先執行
復合樣式注意的點
translate(200px,200px) 位移最好寫在最前面
.box
CSS3漸變 過渡 2d變換
寫法 一 background gradient linear,起點 水平 垂直 終點，color stop 開始漸變的位置，顏色 注 color stop 開始漸變的位置，顏色 後面可以連著寫多個值。寫法 二 background webkit linear gradient 方向 角度 deg ...
CSS3之過渡及2D變換
transition duration 運動時間 transition delay 延遲時間 transition timing function 運動形式 ease 逐漸變慢 預設 linear 勻速 ease in 加速 ease out 減速 ease in out 先加速後減速 cubic ...
CSS3之過渡及2D變換
transition過渡 transition duration 運動時間 transition delay 延遲時間 transition timing function 運動形式 ease 逐漸變慢 預設 linear 勻速 ease in 加速 ease out 減速 ease in out ...