动画与过渡
CSS 动画与过渡速查表
| 属性 | 说明 | 示例 | 是否支持 |
|---|---|---|---|
| animation-name | 指定动画名称 | animation-name: slideIn; | ❌ |
| animation-duration | 动画持续时间 | animation-duration: 2s; | ❌ |
| animation-timing-function | 动画速度曲线 | animation-timing-function: ease-in-out; | ❌ |
| animation-delay | 动画延迟开始时间 | animation-delay: 1s; | ❌ |
| animation-iteration-count | 动画重复次数 | animation-iteration-count: infinite; | ❌ |
| animation-direction | 动画播放方向 | animation-direction: alternate; | ❌ |
| animation-fill-mode | 动画结束后的状态 | animation-fill-mode: forwards; | ❌ |
| animation-play-state | 动画播放状态 | animation-play-state: paused; | ❌ |
| transition-property | 指定过渡动画影响的属性 | transition-property: opacity; | ❌ |
| transition-duration | 过渡动画持续时间 | transition-duration: 0.3s; | ❌ |
| transition-timing-function | 过渡动画速度曲线 | transition-timing-function: ease; | ❌ |
| transition-delay | 过渡动画延迟 | transition-delay: 0.5s; | ❌ |