共计 453 个字符，预计需要花费 2 分钟才能阅读完成。
CSS 中跟动画相关的属性有两个：animation 和 transition。
transition（过渡动画）
transition 是 4 个属性的简写属性，transition 属性可以被指定为一个或多个 CSS 属性的过渡效果，多个属性之间用逗号（,）进行分隔。
| 属性 | 描述 | 默认值 |
|---|---|---|
| transition-property | 指定动画属性的名称 | / |
| transition-duration | 指定动画所需的时间，单位 s /ms | 0s |
| transition-timing-function | 计时函数，即速度曲线 | ease |
| transition-delay | 指定动画的延迟时间，单位 s /ms | 0s |
查看实例
transition 的局限
1、transition 只能定义开始状态和结束状态，不能定义中间状态，也就是说只有两个状态；
2、transition 需要事件触发，如 hover，所以没法在网页加载时自动发生；
3、transition 是一次性的，不能重复发生，除非一再触发事件。
CSS Animation 就是为了解决这些问题而提出的。
animation（关键帧动画）
正文完