doyoe / css-handbook

CSS参考手册
http://css.doyoe.com
Apache License 2.0
1.54k stars 313 forks source link

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

Open chocolatl opened 6 years ago

chocolatl commented 6 years ago

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

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

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

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

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

chocolatl commented 6 years ago

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