定義和(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à)是正在運行還是暫停。 |