CSS3中設置動畫播放方式animation-timing-function

設置動畫播放方式animation-timing-function

animation-timing-function屬性主要用來設置動畫播放方式。主要讓元素根據時間的推進來改變屬性值的變換速率，簡單點說就是動畫的播放方式。

語法槼則：

animation-timing-function:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*

它和transition中的transition-timing-function一樣，具有以下幾種變換方式：ease,ease-in,ease-in-out,ease-out,linear和cubic-bezier。

對應功能如下：

在調用move動畫播放中，讓元素樣式從初始狀態到終止狀態時，先加速再減速，也就是漸顯漸隱效果。