css-handbook icon indicating copy to clipboard operation
css-handbook copied to clipboard

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

Open chocolatl opened this issue 6 years ago • 1 comments

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

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

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

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

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

chocolatl avatar Sep 14 '17 09:09 chocolatl

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

chocolatl avatar Sep 14 '17 10:09 chocolatl