Css動畫屬性-animation

animation 屬性是一個簡寫屬性，用于設置六個動畫屬性：

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

animation-direction

animation-fill-mode

animation-play-state

分別表示動畫：[動畫名稱] [動畫持續時間] [動畫計時功能] [動畫延遲] [動畫迭代計數] [動畫方向] [動畫填充模式] [動畫播放狀態] ;

官方說法：

句法：動畫：<單動畫>

<單動畫> = <時間> || <單定時功能> || <時間> || || <單個動畫方向> || <單一動畫填充模式> || <單一動畫播放狀態> || <單個動畫名稱>

初始值：無0s緩解0s 1正常無;這是每個長期屬性的初始值的串聯

適用于：所有元素;和::before和::after偽元素

可動畫設置：否

使用注意事項：

1.在同時使用animation-durationand和animation-delay屬性時，需要按照該順序排列。

2.如果在定義中有兩個值，第一個被視為動畫持續時間，第二個被視為動畫延遲。

3.任何值在沒有設置的情況下都是默認值，所以必須要指定動畫名稱，要不就應用不了動畫。

如果不設置動畫持續時間，她的默認值也是0秒，動畫效果也會同時發生，設置的關鍵幀就就沒有效果了。