- 动画名
animation-name:active;
- 完成动画所需时间
animation-duration:10s;
- 动画速度
animation-timing-function:ease-in;低速开始
animation-timing-function:ease-out;低速结束
animation-timing-function:ease-in-out;低速开始和结束
animation-timing-function:linear;匀速
- 动画开始时间
animation-delay:1s;
- 播放次数(n/infinite)
animation-iteration-count:infinite;无限次
- 播放方向
animation-direction:nomal;正常
animation-direction:reverse;反向
animation-direction:alternate;奇数次正向
animation-direction:alternate-reverse;奇数次反向
animation-direction:inherit;继承
- 动画停留位置
animation-fill-mode:none;默认值
animation-fill-mode:forwards;结束位置
animation-fill-mode:backwards;开始位置
- 复合写法
animation:active 5s ease-in 2 2s normal forwards;
动画名 完成时间 速度 播放次数 延迟时间 播放方向 停留位置
