本文共 790 字，大约阅读时间需要 2 分钟。

帧动画1）定义关键帧    @keyframes 动画名称（英文）{        0%{  }  动画的开始        50%{ }        100%{ } 动画的结束    }    @keyframes 动画名称（英文）{        from{ } 动画的开始        to{ } 动画的结束    }2）引用关键帧    animation: animation-name animation-duration [animation-timing-funciton] [animation-delay] [animation-iteration-count] [animation-direction] [animation-fill-mode];      animation: 动画名称 动画的执行时间（s|ms） 动画的类型(linear|ease|ease-in|ease-out|ease-in-out) 延迟时间 播放次数(默认为1次,infinite无限循环播放) 动画的运动方向(alternate正向反向轮流播放|reverse反向播放|normal正向播放|alternate-reverse反向正向轮流播放) 动画结束之后显示的状态(forwards动画结束时的状态|both动画结束或开始时的状态|backwards动画开始时的状态)

效果截图

转载地址：https://jackiehao.blog.csdn.net/article/details/104631095 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！