@keyframes 規(guī)定動(dòng)畫(huà)

?animation? 所有的屬性簡(jiǎn)寫屬性，除了animation-play-state屬性

animation-name? 規(guī)定@keyframes 動(dòng)畫(huà)的名稱

animation-duration規(guī)定動(dòng)畫(huà)周期所花費(fèi)的秒或毫秒

animation-timing-function規(guī)定動(dòng)畫(huà)速度曲線

animation-play-state規(guī)定動(dòng)畫(huà)是否正在運(yùn)行或者暫停

animation-delay 規(guī)定動(dòng)畫(huà)何時(shí)開(kāi)始

animation-iteration-count規(guī)定動(dòng)畫(huà)被播放的次數(shù)

animation-direction規(guī)定動(dòng)畫(huà)是否在下一周期逆向地播放

animation-fill-mode規(guī)定對(duì)象動(dòng)畫(huà)時(shí)間之外的狀態(tài)

linear? ? 動(dòng)畫(huà)從頭到尾的速度是相同的。

animation-timing-function:規(guī)定動(dòng)畫(huà)速度曲線

ease? 默認(rèn)值。動(dòng)畫(huà)以低速開(kāi)始，然后加快，在結(jié)束前變慢。

ease-in? 動(dòng)畫(huà)以低速開(kāi)始。

ease-out? 動(dòng)畫(huà)以低速結(jié)束。

ease-in-out? 動(dòng)畫(huà)以低速開(kāi)始和結(jié)束。

cubic-bezier(n,n,n,n) 在 cubic-bezier 函數(shù)中自己的值?？赡艿闹凳菑?0 到 1 的數(shù)值。