2019-10-23

@keyframes 定义关键帧动画

animation-name 动画名称

animation-duration 动画时间

animation-duration      动画时间

animation-timing-function 动画曲线

linear          匀速

ease             开始和结束是慢速

ease -in        开始时是慢速

easa-out           结束时慢速

ease-in-out       开始和结束时慢速

steps       动画步数

animation-delay       动画延迟

animation-iteration-count   动画播放次数 nlinfinite

7、animation-direction 

normal  默认动画结束不返回 

Alternate 动画结束后返回 

8、animation-play-state  动画状态 

paused 停止

running  运动

9、animation-fill-mode 动画前后的状态 

none  不改变默认行为 

forwards  当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）

backwards  在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义） 

both  向前和向后填充模式都被应用

10、animation:name  duration  timing-function  delay  iteration-count  direction;同时设置多个属性 

作者：123syh

链接：https://www.jianshu.com/p/30d047732ff8

來源：

著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。