CSS動畫 - 如何讓它在動畫之後留在那裏？

-1

我得到了CSS標誌上的動畫。我使圖像從上到下滑動一次。在動畫停止後，如何讓圖像保留在它所在的位置？CSS動畫 - 如何讓它在動畫之後留在那裏？

你有一個鏈接到該網站，一個jsfiddle ，還是一些示例代碼？ – Vector

那麼可能需要稍微不同的方法。無論如何，祝你好運。 – Vector

你能讓你成爲jsFiddle例子嗎？ –

添加到您的CSS

-webkit-animation-fill-mode: forwards;

jQuery的例子全瀏覽器支持

$('img').animate({ marginTop: '250px', opacity: 0.5 }, 1000);

2013-08-22 19:09:51 Vector

不起作用。我需要它從頂部：0到頂部：150並保持頂部：150;動畫結束後。這個（像我自己的例子），跳回了大約50個像素。這是我的問題，我似乎無法解決。 – uSeRnAmEhAhAhAhAhA

這對Safari和鉻合金完美。它停在最後一幀的最後http://css-infos.net/property/-webkit-animation-fill-mode – Vector

非常感謝你@矢量我感謝你的幫助，我得到它的工作。我只是刷新了幾次頁面，這一切都很好。 – uSeRnAmEhAhAhAhAhA

你可以做一個animation-iteration-count: 1讓它只播放一次，然後完成而不是無限循環。

2013-08-22 18:46:09

我有迭代計數：1，但我不明白其餘的。完成？我如何使它「完整」？對不起，我不太明白。 – uSeRnAmEhAhAhAhAhA

回答