CSS動畫屬性有以下幾種:
animation-name:指定一個關鍵幀動畫的名稱。
animation-duration:指定一個動畫周期的持續時間。
animation-timing-function:指定動畫的時間進度曲線,可以用于實現加速或減速效果。
animation-delay:指定動畫開始之前的延遲時間。
animation-iteration-count:指定動畫的循環次數,可以是一個具體的數值,也可以是"infinite"表示無限循環。
animation-direction:指定動畫播放的方向,可以是"normal"(正常播放)、“reverse”(反向播放)、“alternate”(在正向和反向之間循環播放)或"alternate-reverse"(在反向和正向之間循環播放)。
animation-fill-mode:指定動畫在執行前和執行后如何應用樣式,可以是"none"(不應用樣式)、“forwards”(執行后使用動畫結束時的樣式)、“backwards”(執行前使用動畫開始時的樣式)或"both"(同時使用動畫開始和結束時的樣式)。
animation-play-state:指定動畫的播放狀態,可以是"running"(運行中)或"paused"(暫停)。
animation:通過簡寫屬性一次性設置動畫的多個屬性。
這些屬性可以用于創建各種動畫效果,包括平移、旋轉、縮放、淡入淡出等等。