问答详情
源自:9-9 CSS3中设置动画时间外属性

这个both很难理解啊

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

提问者:任我飞渡 2017-05-22 17:00

个回答

  • shawnwangFDU
    2018-10-24 17:35:47

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

  • 破旧的时光机3662066
    2017-10-09 20:01:56

    你设置一个背景色black 这样就可以看出明显差别

  • 你你你什么鬼啊
    2017-07-28 14:10:01

    我试了,感觉both和forwords效果一样啊

  • 书旅
    2017-05-22 19:18:55

    你在9-9那节将forwords和backwards这两个参数测试一下看一下效果,再对比一下both就能看出来了,不好描述