- 動畫名
animation-name:active;
- 完成動畫所需時間
animation-duration:10s;
- 動畫速度
animation-timing-function:ease-in;低速開始
animation-timing-function:ease-out;低速結(jié)束
animation-timing-function:ease-in-out;低速開始和結(jié)束
animation-timing-function:linear;勻速
- 動畫開始時間
animation-delay:1s;
- 播放次數(shù)(n/infinite)
animation-iteration-count:infinite;無限次
- 播放方向
animation-direction:nomal;正常
animation-direction:reverse;反向
animation-direction:alternate;奇數(shù)次正向
animation-direction:alternate-reverse;奇數(shù)次反向
animation-direction:inherit;繼承
- 動畫停留位置
animation-fill-mode:none;默認(rèn)值
animation-fill-mode:forwards;結(jié)束位置
animation-fill-mode:backwards;開始位置
- 復(fù)合寫法
animation:active 5s ease-in 2 2s normal forwards;
動畫名 完成時間 速度 播放次數(shù) 延遲時間 播放方向 停留位置