doyoe/css-handbook

animation-fill-mode的取值说明不是很清楚

Opened this issue · 1 comments

现在的取值说明是这样的:

forwards: 设置对象状态为动画结束时的状态
backwards: 设置对象状态为动画开始时的状态
both: 设置对象状态为动画结束或开始的状态

我觉得改成这样是不是更好理解些:

forwards:动画结束时将元素设置为动画最后一帧的状态
backwards:当在animation-delay的时间里将元素设置为动画第一帧的状态
both:相当于同时设置了forwards和backwards

不知道我的理解是否有误。

示例没体现出forwards、backwards、both三者的区别,能否换成类似下面的示例:
https://codepen.io/anon/pen/MEYBgV