animation 是用于在樣式表中規(guī)定元素如何按照設(shè)定的動畫運(yùn)動的樣式屬性
構(gòu)成屬性
下面是動畫的全額參數(shù)設(shè)定
animation: name duration timing-function delay iteration-count direction;
動畫是由一下參數(shù)規(guī)定行為的
| 名稱 | 介紹 | 允許值 | 備注 |
|---|---|---|---|
| animation-name | 動畫的名字是由 keyframe定義的動畫 | 自定義名稱 | |
| animation-duration | 動畫執(zhí)行時間 | 數(shù)字，單位是秒 | |
| animation-timing-function | 規(guī)定動畫執(zhí)行的運(yùn)動曲線 | 參數(shù)參考這里 | |
| animation-delay | 動畫執(zhí)行的延遲時間 | 數(shù)字，單位是秒 | |
| animation-iteration-count | 動畫執(zhí)行的次數(shù) | 數(shù)字，infinite(無限次播放) | |
| animation-direction | 規(guī)定動畫是否反向播放 | normal(默認(rèn)值)， alternate(動畫應(yīng)該輪流反向播放。) | |
| animation-play-state | 規(guī)定動畫是暫停還是運(yùn)動 | paused(暫停), running(運(yùn)行) | 也可以在 js 中進(jìn)行控制 object.style.animationPlayState="paused" |
| animation-fill-mode | 規(guī)定動畫執(zhí)行完是停留在開始或者結(jié)束 | 具體參數(shù)在這里 |
