css中的animation是什麼

css中的animation是一個簡寫屬性，用於設定動畫屬性，如【animation-duration】，規定完成動畫所花費的時間，該屬性必須規定，否則動畫時長為0，無法播放。

本教學操作環境：windows10系統、css3，本文適用於所有品牌的電腦。

animation 屬性是一個簡寫屬性，用於設定六個動畫屬性：

（學習影片推薦：css影片教學）

animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction

註釋：請務必規定animation-duration 屬性，否則長度為0，就不會播放動畫了。

語法：

animation: name duration timing-function delay iteration-count direction;

animation-name    規定需要綁定到選擇器的 keyframe 名稱。 。    

animation-duration    規定完成動畫所花費的時間，以秒或毫秒計。   

animation-timing-function    規定動畫的速度曲線。   

animation-delay    規定在動畫開始前的延遲。   

animation-iteration-count    規定動畫應該播放的次數。   

animation-direction    規定是否應該輪流反向播放動畫。   

範例：

使用簡寫屬性，將動畫與 div 元素綁定：

div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
}

相關建議：CSS教學

#

以上是css中的animation是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！