animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。
image.png关于backwards和none的区别:
backwards会在动画开始前显示动画的第一帧,例如当动画是在页面加载完成后5秒开始,动画是由红色渐变为绿色,而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色,而设置none的话,前五秒会div会显示自己的背景色黑色。
animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。
image.png关于backwards和none的区别:
backwards会在动画开始前显示动画的第一帧,例如当动画是在页面加载完成后5秒开始,动画是由红色渐变为绿色,而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色,而设置none的话,前五秒会div会显示自己的背景色黑色。
本文标题:animation-fill-mode属性
本文链接:https://www.haomeiwen.com/subject/eotdlxtx.html
网友评论