2013-08-22 30 views
-1

我得到了CSS标志上的动画。我使图像从上到下滑动一次。在动画停止后,如何让图像保留在它所在的位置?CSS动画 - 如何让它在动画之后留在那里?

+0

你有一个链接到该网站,一个jsfiddle ,还是一些示例代码? – Vector

+1

那么可能需要稍微不同的方法。无论如何,祝你好运。 – Vector

+0

你能让你成为jsFiddle例子吗? –

回答

2

添加到您的CSS

-webkit-animation-fill-mode: forwards;

DEMO http://jsfiddle.net/kevinPHPkevin/4TcSK/5/

jQuery的例子全浏览器支持

DEMO http://jsfiddle.net/kevinPHPkevin/GyYvz/

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

不起作用。我需要它从顶部:0到顶部:150并保持顶部:150;动画结束后。这个(像我自己的例子),跳回了大约50个像素。这是我的问题,我似乎无法解决。 – uSeRnAmEhAhAhAhAhA

+0

这对Safari和铬合金完美。它停在最后一帧的最后http://css-infos.net/property/-webkit-animation-fill-mode – Vector

+0

非常感谢你@矢量我感谢你的帮助,我得到它的工作。我只是刷新了几次页面,这一切都很好。 – uSeRnAmEhAhAhAhAhA

1

你可以做一个animation-iteration-count: 1让它只播放一次,然后完成而不是无限循环。

+0

我有迭代计数:1,但我不明白其余的。完成?我如何使它“完整”?对不起,我不太明白。 – uSeRnAmEhAhAhAhAhA