CSS3 动画是现代 Web 开发中不可或缺的一部分。在 CSS3 中，我们可以使用 "animation" 属性来创建动画，其中有许多有用的选项可供我们选择。其中之一就是 "forwards" 选项。

"forwards" 选项用于控制动画完成后元素保持在最终状态的时间。通常，当动画完成时，元素会回到动画开始前的状态。但是，我们可以通过将 "forwards" 选项设置为 "true" 来告诉浏览器在动画完成后保持元素在最终状态。

以下是一个示例。在此示例中，我们创建了一个简单的动画效果，使 div 元素在 2 秒内向右移动 200 像素。在动画结束时，我们将设置 "forwards" 选项以使 div 元素保持在最终位置。

div {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
animation-name: move;
animation-duration: 2s;
animation-fill-mode: forwards;
}
@keyframes move {
0% {
left: 0;
}
100% {
left: 200px;
}
}

在上述代码中，我们通过 "animation-fill-mode" 属性设置 "forwards" 选项。然后，在动画结束时， div 元素将停留在位置 200px 上。

"forwards" 选项还可以与其他属性一起使用，例如 "animation-delay"。如果我们想要元素在动画完成后仍然保持在最终状态一段时间，我们可以设置 "animation-delay" 属性和 "forwards" 选项，以便元素停留在该位置一段时间。

总之， "forwards" 选项确保动画完成后元素保持在最终状态，这对于许多场景都非常有用。CSS3 中的动画使 Web 开发变得更加有趣和交互性，我们鼓励您在项目中探索它的无限可能性。