这个both很难理解啊

元素动画同时具有forwards和backwards效果，能详细深入解释下吗？

任我飞渡

2017-05-22

源自：十天精通CSS3 9-9

关注问题我要回答

1244

操作

收起

4 回答

shawnwangFDU
2018-10-24

forwards其实是在动画结束后一直保持最后一帧的属性；backwards是在动画开始之前有个delay时间，在delay时间的时候就把该元素的属性变成动画第一帧的属性，而不是保持原来的属性。比如动画是背景年华，原始是黑色背景，而动画第一帧从红色的开始，延迟2s，那么播放动画时，前面2s delay时间背景就已经变成红色了，而用none的时候就是保持黑色。both就是把forwards和backwards这两个结合起来。