如何在最后一帧暂停CSS动画？

我尝试过“-webkit动画填充模式：forwards；”但我似乎无法使其工作，它只是在第一帧时暂停，有人能帮我吗

.标志{
宽度：328px；
高度：187px；
背景图像：url（“http://u.cubeupload.com/amitkilo/opti.png");
-webkit动画：播放2.0步（60）；
-moz动画：播放2.0步（60）；
-ms动画：播放2.0步（60）；
-o动画：播放2.0步（60）；
动画：播放2.0步（60）；
}
@-webkit关键帧播放{
从{背景位置：0px 0px；}
到{背景位置：0px-11220px；}
}
@-moz关键帧播放{
从{背景位置：0px 0px；}
到{背景位置：0px-11220px；}
}
@-ms关键帧播放{
从{背景位置：0px 0px；}
到{背景位置：0px-11220px；}
}
@-o关键帧播放{
从{背景位置：0px 0px；}
到{背景位置：0px-11220px；}
}
@关键帧播放{
从{背景位置：0px 0px；}
到{背景位置：0px-11220px；}
}

我想你的数字很小。如果你将步数减少一步，并相应地调整最终的bg位置，那么一切都会起作用

我认为这个问题可能是相关的

.logo{
宽度：328px；
高度：187px；
背景图像：url（“http://u.cubeupload.com/amitkilo/opti.png");
背景重复：无重复；
动画：播放2.0步（59）；
-webkit动画填充模式：正向；
}
@关键帧播放{
0% {
背景位置：0px 0px；
}
100% {
背景位置：0px-11033px；
}
}

---

是。如果动画的最后一个位置为-500px，步骤数为5，并且希望在设置的最后一帧（而不是500px-400px）上停止动画，并且在设置的最后一帧（而不是5）上停止动画，则步骤数比图像数少1

<div class="logo"></div>

.logo {
    width: 328px;
    height: 187px;
    background-image: url("http://u.cubeupload.com/amitkilo/opti.png");
    -webkit-animation: play 2.0s steps(60);
       -moz-animation: play 2.0s steps(60);
        -ms-animation: play 2.0s steps(60);
         -o-animation: play 2.0s steps(60);
            animation: play 2.0s steps(60);
}

@-webkit-keyframes play {
   from { background-position: 0px 0px; }
     to { background-position: 0px -11220px; }
}

@-moz-keyframes play {
   from { background-position: 0px 0px; }
     to { background-position: 0px -11220px; }
}

@-ms-keyframes play {
   from { background-position: 0px 0px; }
     to { background-position: 0px -11220px; }
}

@-o-keyframes play {
   from { background-position: 0px 0px; }
     to { background-position: 0px -11220px; }
}

@keyframes play {
   from { background-position: 0px 0px; }
     to { background-position: 0px -11220px; }
}