美文网首页
animation-fill-mode属性

animation-fill-mode属性

作者: 吃萝卜的小兔子 | 来源:发表于2017-08-01 12:07 被阅读0次

    animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。

    image.png

    关于backwards和none的区别:
    backwards会在动画开始前显示动画的第一帧,例如当动画是在页面加载完成后5秒开始,动画是由红色渐变为绿色,而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色,而设置none的话,前五秒会div会显示自己的背景色黑色。

    相关文章

      网友评论

          本文标题:animation-fill-mode属性

          本文链接:https://www.haomeiwen.com/subject/eotdlxtx.html