做(zuò)自(zì)由與創造的先行(xíng)者

CSS animation 屬性

CSS中文手冊

定義和(hé)用法

animation 屬性是一(yī)個簡寫屬性,用于設置六個動畫(huà)屬性:

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

animation-direction

注釋:請(qǐng)始終規定 animation-duration 屬性,否則時(shí)長(cháng)為(wèi) 0,就不會播放動畫(huà)了(le)。

另請(qǐng)參閱:

CSS3 教程:CSS 動畫(huà)

HTML DOM 參考手冊:animation 屬性

實例

使用簡寫屬性,将動畫(huà)與 div 元素綁定:

div

{

animation:mymove 5s infinite;

}

CSS 語法

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

描述
animation-name 規定需要(yào)綁定到選擇器的 keyframe 名稱。
animation-duration 規定完成動畫(huà)所花費(fèi)的時(shí)間(jiān),以秒或毫秒計。
animation-timing-function 規定動畫(huà)的速度曲線。
animation-delay 規定在動畫(huà)開(kāi)始之前的延遲。
animation-iteration-count 規定動畫(huà)應該播放的次數(shù)。
animation-direction 規定是否應該輪流反向播放動畫(huà)。
animation-fill-mode 規定動畫(huà)在執行(xíng)時(shí)間(jiān)之外(wài)應用的值。
animation-play-state 規定動畫(huà)是正在運行(xíng)還是暫停。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:CSS animation-delay 屬性
上(shàng)一(yī)篇:CSS all 屬性