武林網(www.49028c.com)文章簡介：CSS變換(transition)

-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加速然后減速