CSS动画是在现代网页设计中经常使用的技术之一。它可以为网页添加许多生动和有趣的效果。动画可以设置不同的转场效果，改变元素的位置、大小和颜色。但有时我们需要在动画结束时停止，而不是回到它们的原始状态。

为了在CSS动画停止时停留在最后设定的状态，我们可以使用CSS动画的关键帧（keyframes）。在动画中，每个关键帧定义了元素的状态。在控制动画的时间轴上，每个关键帧会告诉浏览器元素应该是什么状态。通过在最后一个关键帧状态上设定CSS属性，可以使动画在结束时保持这个状态。

例子 {
animation-name: example;
animation-duration: 5s;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
@keyframes example {
0%   {background-color: red;}
25%  {background-color: blue;}
50%  {background-color: green;}
75%  {background-color: yellow;}
100% {background-color: purple;}
}

在这个例子中，我们设置了一个用于改变背景颜色的CSS动画。动画有五个关键帧，每个关键帧都包含一个不同的背景颜色。我们将animation-fill-mode属性设置为forwards，这将使动画在结束时停留在最后一个关键帧的状态，即purple。如果我们没有设置animation-fill-mode，动画将回到它最初的状态，即red。

总而言之，在CSS动画中停留在最后一个状态是一个使用简单技巧，可以使我们的网页更加生动有趣。通过在最后一个关键帧状态上设置animation-fill-mode属性，可以控制动画结束时保持的状态。