使用CSS动画的反向效果

CSS动画是网页设计中常用的技术之一，它可以为网页添加生动和吸引人的效果。通常，我们使用关键帧动画来定义动画的不同阶段，从而实现所需的效果。然而，有时候我们可能需要反向播放这些动画，以创造更多的视觉变化和交互性。在本文中，我们将探讨如何使用CSS来实现反向播放动画的效果。

首先，让我们看一下一个简单的示例动画，然后我们将修改它以实现反向效果。假设我们有一个向右移动的方块动画，动画持续时间为2秒。下面是相应的CSS代码：

.square {
   
   
  width: 100px;
  height: 100px;
  background-color: red;
  positi