css3中變形與動(dòng)畫(huà)（下）

1.設(shè)置動(dòng)畫(huà)播放次數(shù):

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

語(yǔ)法：animation-iteration-count：n/infinite

n:定義動(dòng)畫(huà)的播放次數(shù)

infinite：定義動(dòng)畫(huà)的無(wú)限播放

2.動(dòng)畫(huà)時(shí)間外屬性：

animation-fill-mode：屬性規(guī)定當(dāng)動(dòng)畫(huà)不播放時(shí)（當(dāng)動(dòng)畫(huà)完成時(shí)或當(dāng)動(dòng)畫(huà)有一個(gè)延遲未開(kāi)始播放時(shí)）

要應(yīng)用到元素的樣式

語(yǔ)法：animation-fill-mode：node|forwards|backwards|both

none：默認(rèn)值：動(dòng)畫(huà)在動(dòng)畫(huà)片之前或之后不會(huì)應(yīng)用任何樣式到目標(biāo)元素

forwards：在動(dòng)畫(huà)結(jié)束后（由animation-iteration-count決定）動(dòng)畫(huà)體被鎖定的位置在結(jié)束的位置

backwards：在動(dòng)畫(huà)結(jié)束后（由animation-iteration-count決定）動(dòng)畫(huà)體被鎖定的位置在開(kāi)始的位置

3.過(guò)度動(dòng)畫(huà)和關(guān)鍵幀動(dòng)畫(huà)的區(qū)別

過(guò)渡動(dòng)畫(huà)相當(dāng)于關(guān)鍵幀動(dòng)畫(huà)，我們只關(guān)注它第一幀和最后一幀動(dòng)畫(huà)，而關(guān)鍵幀動(dòng)畫(huà)我們可以操控它全部過(guò)程中的每一幀

4.貝塞爾函數(shù)知識(shí)

四個(gè)函數(shù)（x1,y2,x2,y2,）

x1>y1 ? x2>y2先慢后快

x1<y1 ?x2<y2 先快后慢