编辑“︁CSS动画实例”︁（章节）

== 基本概念 ==

CSS动画的核心是'''@keyframes'''规则，它定义了动画的各个阶段（关键帧）及其样式。然后通过'''animation'''属性将动画应用到元素上。以下是CSS动画的基本组成部分：

* '''@keyframes'''：定义动画的中间步骤。
* '''animation-name'''：指定要使用的@keyframes名称。
* '''animation-duration'''：设置动画的持续时间。
* '''animation-timing-function'''：控制动画的速度曲线（如ease、linear等）。
* '''animation-delay'''：设置动画开始前的延迟时间。
* '''animation-iteration-count'''：定义动画的播放次数（如infinite表示无限循环）。
* '''animation-direction'''：控制动画是否反向播放（如alternate）。
* '''animation-fill-mode'''：定义动画执行前后的样式状态。