動(dòng)畫屬性Animation
定義和用法
animation 屬性是一個(gè)簡(jiǎn)寫屬性,用于設(shè)置六個(gè)動(dòng)畫屬性:
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
屬性 | 描述 | CSS |
---|---|---|
@keyframes | 規(guī)定動(dòng)畫 | 3 |
animation | 所有動(dòng)畫屬性的簡(jiǎn)寫屬性除了 animation-play-state 屬性 | 3 |
animation-name | 規(guī)定@keyframes動(dòng)畫的名稱 | 3 |
animation-duration | 規(guī)定動(dòng)畫完成一個(gè)周期所花費(fèi)的秒或毫秒 | 3 |
animation-timing-funcation | 規(guī)定動(dòng)畫的速度曲線 | 3 |
animation-delay | 規(guī)定動(dòng)畫何時(shí)開(kāi)始 | 3 |
animation-iteration-count | 規(guī)定動(dòng)畫播放的次數(shù) | 3 |
animation-direction | 規(guī)定動(dòng)畫在下一周期是否逆向播放 | 3 |
animation-play-state | 規(guī)定動(dòng)畫是否正在運(yùn)行或暫停 | |
animation-fill-mode | 規(guī)定動(dòng)畫對(duì)象時(shí)間之外的狀態(tài) | 3 |