CSS動(dòng)畫屬性有哪些

css
小億
148
2023-10-11 22:51:49

CSS動(dòng)畫屬性有以下幾種：

  1. animation-name：指定一個(gè)關(guān)鍵幀動(dòng)畫的名稱。

  2. animation-duration：指定一個(gè)動(dòng)畫周期的持續(xù)時(shí)間。

  3. animation-timing-function：指定動(dòng)畫的時(shí)間進(jìn)度曲線，可以用于實(shí)現(xiàn)加速或減速效果。

  4. animation-delay：指定動(dòng)畫開始之前的延遲時(shí)間。

  5. animation-iteration-count：指定動(dòng)畫的循環(huán)次數(shù)，可以是一個(gè)具體的數(shù)值，也可以是"infinite"表示無限循環(huán)。

  6. animation-direction：指定動(dòng)畫播放的方向，可以是"normal"（正常播放）、“reverse”（反向播放）、“alternate”（在正向和反向之間循環(huán)播放）或"alternate-reverse"（在反向和正向之間循環(huán)播放）。

  7. animation-fill-mode：指定動(dòng)畫在執(zhí)行前和執(zhí)行后如何應(yīng)用樣式，可以是"none"（不應(yīng)用樣式）、“forwards”（執(zhí)行后使用動(dòng)畫結(jié)束時(shí)的樣式）、“backwards”（執(zhí)行前使用動(dòng)畫開始時(shí)的樣式）或"both"（同時(shí)使用動(dòng)畫開始和結(jié)束時(shí)的樣式）。

  8. animation-play-state：指定動(dòng)畫的播放狀態(tài)，可以是"running"（運(yùn)行中）或"paused"（暫停）。

  9. animation：通過簡(jiǎn)寫屬性一次性設(shè)置動(dòng)畫的多個(gè)屬性。

這些屬性可以用于創(chuàng)建各種動(dòng)畫效果，包括平移、旋轉(zhuǎn)、縮放、淡入淡出等等。

0 踩