如何阻止CSS3动画在完成后跳回开始

我有一个CSS3动画，只需向下移动一个

（通过

top:0px；

到

top:300px；

）。但我的问题是，我不知道如何防止动画完成后

返回顶部。有什么办法可以防止这种情况发生吗

---

这里有一个提琴示例：

您需要像这样反转动画

@keyframes move {
  from{
    top: 20px;
  }
}

看

这样，它的结束位置在div样式中指定，而您仅在关键帧中指定开始状态

编辑：实现这一目标的另一种方法是简单地添加：

动画填充模式：向前

看看这个

---

关于它的更多信息。

你能发布你的实际代码吗？@Joseph Silber谢谢你添加代码。是的<代码>动画填充模式：正向。完美的正是我需要的！这救了我的命。完美的解决方案。