-webkit-transition -moz-transition -o-transition transition
CSS property
被變換的屬性(比如, color)。
Duration
變換持續的時間,通常以秒來計算(比如, .25s).
Timing function
允許你控制持續的時間的計算方式。與其使用一個簡單的線性計算,你可以使變換加速(漸入)或者減速(淡出),或者甚至specify a beat or count (比如,linear). More on this later in the article.
Delay
在動作和變換開始之間等待多久,通常用秒來表示(比如, .1s)。如果你不想延遲,該值可省略。
CSS屬性
color 色彩
crop 百分比
font-weight 數字
height 百分比,長度
letter-spacing 長度
line-height 百分比,長度,數字
opacity 數字
outline-offset 整數
outline-width 長度
right 百分比,長度
text-indent 百分比,長度
text-shadow 陰影
vertical-align 百分比,長度,關鍵詞
visibility 可見性
word-spacing 百分比,長度
z-index 正整數
zoom 數字
變換計時與延遲
使用變換,你可以改變變換的速率,在開始的時候較慢然後在結束的時候加速,反之亦然,或者之間的任何事情。CSS變換有5個計時的關鍵詞,同時也允許你自己定義你自己的計時曲線。
cubic-bezier(x1, y1, x2, y2) X 和 Y 值在0到1之間,以定義用於Time function的貝塞爾曲線的形狀。
linear 均速
ease 逐漸慢下來
ease-in 加速(漸入)
ease-out 減速(淡出)
ease-in-out 加速然後減速