个回答

• 李钟正

  2017-09-30 17:16:40

  我觉得也没什么区别啊

  0

• qq_莳萝泡菜_03359237

  2016-12-08 11:32:07

  楼上所说正解。both同时有forwards和backwards的效果。

  首先，修改animation-delay：5s；

  提交执行完成（100%），背景色为blue状态，保持了forwards的效果（动画在结束时应用最后的关键帧的位置）；

  再次点击提交时（0%），背景色瞬间变为红色，再执行animation-delay(延迟时间)，从状态0%开始，保持了backwards的效果（应用动画样式时，迅速回到动画的初始帧）。

  1

• 蒋亮亮91

  2015-12-29 16:06:52

  animation-delay: 5s;background:#000;

  你可以改下动画延迟时间，给div加个默认背景再试下none,forwards,backwards,both应该就明白了

  1