Html 如何停止我的动画

我想让街区从一个点转到另一个点。 在小提琴中，您可以看到动画完成后，块返回到其第一个位置

我怎样才能防止呢

css

div
{
width:100px;
height:100px;
background:black;
position:relative;
animation:myfirst 2s;
-webkit-animation:myfirst 2s; /* Safari and Chrome */
}

@keyframes myfirst
{
from { left:0px; top:0px; }
to { left:0px; top:200px; }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from { left:0px; top:0px; }
to { left:0px; top:200px; }
}    
</style>

div
{
宽度：100px；
高度：100px；
背景：黑色；
位置：相对位置；
动画：我的第一个2；
-webkit动画：myfirst 2s；/*Safari和Chrome*/
}
@关键帧myfirst
{
从{左：0px；上：0px；}
到{左：0px；顶：200px；}
}
@-webkit为myfirst/*Safari和Chrome设置关键帧*/
{
从{左：0px；上：0px；}
到{左：0px；顶：200px；}
}    

只需将

向前

添加到动画：

animation:myfirst 2s forwards;
-webkit-animation:myfirst 2s forwards; /* Safari and Chrome */

---

我对动画不熟悉，但我认为可以通过添加

top:200px到div

下面是一个例子：