美文网首页
09day动画设置

09day动画设置

作者: 岁月悄然飞逝徒留回忆_54a5 | 来源:发表于2018-08-19 18:39 被阅读0次

    infinite不限制次数
    alternate动画结束后返回,返回也算次数
    animation-fill-mode 动画前后的状态
    forwards动画完成保持在最后一帧
    backwards在延迟时间内,在动画显示之前,应用from开始属性值(例如box宽100,from宽200,在延迟1s内显示200)
    both向前和向后填充模式都被应用(例如起始按200,结束停在最后一帧)
    steps动画步数
    定义一个动画,名称为moving
    @keyframes moving{
    /初始状态/
    from{
    width: 200px;
    }
    /结束状态/
    to{
    width: 500px;
    }
    }
    /位移动画/
    transform: translateY(0px);

    相关文章

      网友评论

          本文标题:09day动画设置

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