做自(zì)由與創造的先行者

CSS animation 屬性

CSS中文(wén)手冊

定義和(hé)用(yòng)法

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

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

animation-direction

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

另請(qǐng)參閱:

CSS3 教程:CSS 動畫(huà)

HTML DOM 參考手冊:animation 屬性

實例

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

div

{

animation:mymove 5s infinite;

}

CSS 語法

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

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