CSS动画

作者: 陈老板_ | 来源:发表于2017-10-29 13:58 被阅读5次

    transition-property 过渡动画
    none:瞬间变化,默认值。
    all:全部过渡动画。
    还可以分别对某个属性做过渡效果。

    transition-duration 动画持续时间
    0s 不做动画

    transition-timing-function 曲线式控制持续时间

    transition-delay 延时

    animation-name 多帧动画
    animation-duration 执行时间
    animation-timing-function 曲线式控制持续时间

    animation-interation-count 执行次数
    infinite 无限次数

    animation-direction 定义动画方向
    normal 正方向
    reverse 反方向
    alternate 往返
    alternate-reverse 反方向往返

    animation-play-state 播放状态
    running 播放中
    paused 暂停

    animation-delay 延时

    animation-fill-mode 动画结束后是否保留第一帧或最后一帧设置
    forward backword

    @keyframes 定义关键帧

    相关文章

      网友评论

          本文标题:CSS动画

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