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就是为了解决这些问题而提出的。
发表回复