4回答

• 

  米修沫

  2016-01-07 13:59:34

  已采纳

  animation-fill-mode，定义动画播放时间之外的状态,顾名思义，要么就是在动画播放完了之后给它一个状态 animation-fill-mode : none | forwards | backwards |both; none，播放完之后不改变默认行为，默认值，forwards则是停在动画最后的的那个画面，backwards则是回调到动画最开始出现的画面，both则应用为动画结束或开始的状态，

  
  

  参考https://www.qianduan.net/css3-animation/

  1 3

  鸣人与路飞

  非常感谢！

  2016-01-07 14:34:44

  共 1 条回复 >

• 

  红薯123

  2017-11-10 15:39:14

  animation-fill-mode属性值：

  none: 默认值，播放完动画后，画面停在起始位置

  forwards: 播放完动画，停在animation定义的最后一帧

  backwards: 如果设置了animation-delay，在开始到delay这段时间，画面停在第一帧。如果没有设置delay，画面是元素设置的初始值。

  both，应该懂了

  0 0
• 

  echo_kinchao

  2016-01-07 14:06:25

  看你结束完是停留还是 回去
  

  0 0
• 

  伊望岁月

  2016-01-07 13:55:15

  forwards属于animation-fill-mode属性的值，意思是当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。

  你这里去掉了，就不会保持，所以自动出现第三张图

  0 0