设置动画结束时的状态:默认情况下,动画执行完毕之后,会回到原始状态animation-fill-mode:both || forwards || backwards
forwards:会保留动画结束时的状态,在有延迟的情况下,并不会立刻进行到动画的初始状态
backwards:不会保留动画结束时的状态,在添加了动画延迟的前提下,如果动画有初始状态,name会立刻进行到初始状态
both:会保留动画的结束时状态,在有延迟的情况下也会立刻进入到动画的初始状态
animation-tining-function:linear 匀速的 动画的事件函数
animation-play-state:running || paused 播放 || 暂停
创建动画 @keyframes dong(动画名字) {
0%{ transform:translate( ) ....... } || from相当于0%
50%{ }
。。。。。
100%{ } || to{ } to相当于100%
}