本文介绍了CSS3的动画效果，包括如何使用animation属性来设置动画名称、时长、速率、播放次数、延迟时间、播放方向和状态。详细解释了各种速率曲线（如ease、linear等）以及正向和反向播放的概念，并给出了创建动画的关键帧语法。
动画效果
例： animation aa 0.5s ease/linear n/infinite 2s normal/alternate running/paused
说明：
aa: 名称 单独写时为animation-name
0.5s: 动画时长 单独写时为animation-duration
ease/linear 速率 单独写时为animation-timing-function
linear为匀速；
ease为低速开始，然后加快，结束前慢；
ease-in 低速开始；
ease-out低速结束；
ease-in-out低速开始和结束
n/infinite 播放次数/循环
例： animation aa 0.5s ease/linear n/infinite 2s normal/alternate running/paused
说明：
aa: 名称 单独写时为animation-name
0.5s: 动画时长 单独写时为animation-duration
ease/linear 速率 单独写时为animation-timing-function
linear为匀速；
ease为低速开始，然后加快，结束前慢；
ease-in 低速开始；
ease-out低速结束；
ease-in-out低速开始和结束
n/infinite 播放次数/循环
最低0.47元/天 解锁文章
扫一扫
167
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
