定義和(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)還是暫停。 |