CSS3動(dòng)畫是Web開發(fā)中常用的技術(shù)，它可以幫助我們實(shí)現(xiàn)各種有趣的動(dòng)態(tài)效果。下面介紹幾個(gè)常用的屬性。

animation-name: 動(dòng)畫名稱;
animation-duration: 動(dòng)畫時(shí)長;
animation-timing-function: 動(dòng)畫時(shí)間函數(shù);
animation-delay: 動(dòng)畫延遲執(zhí)行的時(shí)間;
animation-iteration-count: 動(dòng)畫重復(fù)次數(shù);
animation-direction: 動(dòng)畫方向;
animation-fill-mode: 動(dòng)畫完成后的狀態(tài);
animation-play-state: 動(dòng)畫播放狀態(tài)。

animation-name:此屬性定義動(dòng)畫的名稱。名稱與keyframes關(guān)鍵字配合使用，用于指定執(zhí)行動(dòng)畫的關(guān)鍵幀。

animation-duration:此屬性定義動(dòng)畫執(zhí)行的時(shí)長。默認(rèn)值為0，意味著動(dòng)畫并不會(huì)執(zhí)行。時(shí)長可以使用秒(s)或毫秒(ms)來表示。

animation-timing-function:此屬性定義動(dòng)畫的過渡效果。默認(rèn)值是linear，表示動(dòng)畫在整個(gè)持續(xù)時(shí)間內(nèi)勻速執(zhí)行。其他可用的值有：ease、ease-in、ease-out、ease-in-out、cubic-bezier(x1,y1,x2,y2)，其中cubic-bezier參數(shù)指定貝塞爾曲線的控制點(diǎn)，用于自定義過渡效果。

animation-delay:此屬性定義動(dòng)畫啟動(dòng)的延遲時(shí)間。默認(rèn)值為0s。可以使用s或ms來表示。如果值為負(fù)數(shù)，則動(dòng)畫會(huì)立即開始執(zhí)行。

animation-iteration-count:此屬性定義動(dòng)畫重復(fù)播放的次數(shù)。默認(rèn)值為1，可以設(shè)置為infinite表示無限次重復(fù)播放。

animation-direction:此屬性定義動(dòng)畫播放的方向。默認(rèn)值是normal，表示動(dòng)畫正常播放。other可用值有：alternate、alternate-reverse、reverse。

animation-fill-mode:此屬性定義動(dòng)畫執(zhí)行完畢后的樣式。默認(rèn)值是none，表示不改變?nèi)魏螛邮健？捎玫闹涤校篺orwards（保留最后一幀的樣式）、backwards（改變第一幀的樣式）、both（同時(shí)改變首尾幀的樣式）。

animation-play-state:此屬性定義動(dòng)畫的播放狀態(tài)。默認(rèn)值為running，表示動(dòng)畫正在播放中。可用的值有：paused（暫停）和running（運(yùn)行）。