CSS3 动画属性主要包括以下几个部分:

(图片来源网络,侵删)
1、animationname: 指定要绑定到选择器上的预设动画。
2、animationduration: 定义动画完成一个周期所需要的时间。
3、animationtimingfunction: 定义动画的速度曲线,即动画的关键帧之间的速度如何变化。
4、animationdelay: 定义在动画开始之前的延迟。
5、animationiterationcount: 定义动画播放的次数。
6、animationdirection: 定义是否应该将动画向前播放、向后播放或者两者都进行播放。
7、animationfillmode: 定义动画在播放之前和之后应该如何显示。
8、animationplaystate: 定义动画是否正在运行或已暂停。
以下是这些属性的详细解释:
| 属性 | 功能 |
animationname |
指定要绑定到选择器上的预设动画。 |
animationduration |
定义动画完成一个周期所需要的时间。 |
animationtimingfunction |
定义动画的速度曲线,即动画的关键帧之间的速度如何变化。 |
animationdelay |
定义在动画开始之前的延迟。 |
animationiterationcount |
定义动画播放的次数。 |
animationdirection |
定义是否应该将动画向前播放、向后播放或者两者都进行播放。 |
animationfillmode |
定义动画在播放之前和之后应该如何显示。 |
animationplaystate |
定义动画是否正在运行或已暂停。 |
这些属性可以单独使用,也可以组合使用,以创建复杂的动画效果。