貝塞爾曲線在css3中的應用

語法：
transition-timing-function ： ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(, , , ) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(, , , )]*
相關屬性 ：transition-property， transition-duration， transition-delay
取值：
ease：
ease函數等同於貝塞爾曲線(0.25, 0.1, 0.25, 1.0).
linear：
linear 函數等同於貝塞爾曲線(0.0, 0.0, 1.0, 1.0).
ease-in：
ease-in 函數等同於貝塞爾曲線(0.42, 0, 1.0, 1.0).
ease-out：
ease-out 函數等同於貝塞爾曲線(0, 0, 0.58, 1.0).
ease-in-out：
ease-in-out 函數等同於貝塞爾曲線(0.42, 0, 0.58, 1.0)
cubic-bezier：
特定的cubic-bezier曲線。 (x1, y1, x2, y2)四個值特定於曲線上點P1和點P2。所有值需在[0, 1]區域內，否則無效。
更多請看
http://designmodo.com/steps-css-animations/