both and forwards在效果上没有什么区别呀！
来源：9-9 CSS3中设置动画时间外属性
L小姐咯
2015-10-27 16:23
both and forwards在效果上没有什么区别呀！
写回答
关注
3回答
-
- 李钟正
- 2017-09-30 17:16:40
我觉得也没什么区别啊
-
- qq_莳萝泡菜_03359237
- 2016-12-08 11:32:07
楼上所说正解。both同时有forwards和backwards的效果。
首先，修改animation-delay：5s；
提交执行完成（100%），背景色为blue状态，保持了forwards的效果（动画在结束时应用最后的关键帧的位置）；
再次点击提交时（0%），背景色瞬间变为红色，再执行animation-delay(延迟时间)，从状态0%开始，保持了backwards的效果（应用动画样式时，迅速回到动画的初始帧）。
-
- 蒋亮亮91
- 2015-12-29 16:06:52
animation-delay: 5s;background:#000;
你可以改下动画延迟时间，给div加个默认背景再试下none,forwards,backwards,both应该就明白了
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242696 学习 · 2623 问题
相似问题