CSS 动画：基本使用方法及属性

CSS 动画是网页设计中常用的一种技术，它可以通过样式表中的动画属性来实现元素的动态效果，为网页增添生动和吸引力。本文将介绍 CSS 动画的基本使用方法及属性，并提供相应的源代码示例。

基本使用方法

要创建一个 CSS 动画，需要遵循以下几个步骤：

步骤 1：定义动画

首先，我们需要使用 @keyframes 规则来定义动画的关键帧。关键帧是动画的不同阶段，指定了元素在不同时间点上的样式。

@keyframes animationName {
   
  0% {
   
    /* 初始样式 */
  }
  50% {