合并多个CSS动画，创建整体动画

在网页设计和开发中，CSS动画是一种强大的工具，可以为网页添加交互性和视觉效果。有时候，我们可能需要将多个CSS动画合并成一个整体动画，以创建更复杂、更吸引人的效果。在本文中，我们将学习如何通过组合和修改现有的CSS动画，创建一个整体动画效果。

首先，我们将介绍如何创建基本的CSS动画。然后，我们将探讨如何将多个CSS动画合并成一个整体动画，并提供相应的源代码示例。

创建基本的CSS动画

CSS动画通常使用@keyframes规则来定义动画的关键帧。每个关键帧描述了动画在不同时间点上的样式变化。以下是一个简单的示例，展示了如何创建一个向右移动的动画效果：

@keyframes moveRight {
   
  0% {
    left: 0;