CSS 动画属性详解 - 创建各种动画效果

CSS 动画有以下几个属性：

1. 'animation-name': 设置动画的名称。
2. 'animation-duration': 设置动画的持续时间。
3. 'animation-timing-function': 设置动画的时间函数，用于定义动画的速度变化。
4. 'animation-delay': 设置动画的延迟时间。
5. 'animation-iteration-count': 设置动画的播放次数。
6. 'animation-direction': 设置动画的播放方向。
7. 'animation-fill-mode': 设置动画在播放前和播放后的状态。
8. 'animation-play-state': 设置动画的播放状态，可以是'running'（运行中）或'paused'（暂停）。
9. 'animation': 是一个简写属性，可以同时设置以上所有的动画属性。

此外，还有一些与关键帧动画（@keyframes）相关的属性，如：

1. '@keyframes': 定义一个关键帧动画。
2. 'animation-keyframes': 指定一个关键帧动画的名称。

这些属性可以用于创建各种各样的 CSS 动画效果，如渐变、旋转、缩放、移动等。