我得到了CSS标志上的动画。我使图像从上到下滑动一次。在动画停止后,如何让图像保留在它所在的位置?CSS动画 - 如何让它在动画之后留在那里?
回答
添加到您的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到顶部:150并保持顶部:150;动画结束后。这个(像我自己的例子),跳回了大约50个像素。这是我的问题,我似乎无法解决。 – uSeRnAmEhAhAhAhAhA
这对Safari和铬合金完美。它停在最后一帧的最后http://css-infos.net/property/-webkit-animation-fill-mode – Vector
非常感谢你@矢量我感谢你的帮助,我得到它的工作。我只是刷新了几次页面,这一切都很好。 – uSeRnAmEhAhAhAhAhA
你可以做一个animation-iteration-count: 1
让它只播放一次,然后完成而不是无限循环。
我有迭代计数:1,但我不明白其余的。完成?我如何使它“完整”?对不起,我不太明白。 – uSeRnAmEhAhAhAhAhA
- 1. WPF移动动画并住在那里
- 2. 如何在动画之后将UIImage保留在新位置?
- 3. Android java我如何让动画图像向左移动并保持在那里?
- 4. 如何在动画之间延迟并在之前的动画中出现css
- 5. css完成后保留动画
- 6. 如何动画在CSS
- 7. 如何在hoverOut之后停止动画?
- 8. 如何使CSS动画在完成后不反转?里面
- 9. 那里有任何SVG动画工具?
- 10. CSS动画 - 如何让这部动画更流利?
- 11. IOS需要旋转图像,并保持它在那里,动画
- 12. CSS动画属性保持动画后
- 13. 如何让Edittext在点击它后通过动画变大
- 14. css动画如何让球弹跳
- 15. 如何让CSS动画免费下载?
- 16. 如何在@keyframe动画之后更改CSS属性?
- 17. 如何在“使用CSS或jQuery之后”设置动画效果
- 18. 如何保留动画后的样式?
- 19. Alloc内存,让它留在那里后退出
- 20. CSS3动画动画它之前的对象是在视口中
- 21. 如何在PagerTransform动画之后在ViewPager中动画一个项目?
- 22. 如何让链式jQuery动画在彼此之间流动?
- 23. 定时javascript动画:在最后更慢,那么它应该
- 24. 在CSS动画之后滚动到锚点?
- 25. 在第一次动画之后我把它叫做div动画不工作?
- 26. 动画回CSS动画
- 27. CSS动画 - 动画缩放
- 28. CSS动画与JQuery动画
- 29. 动画在逝去动画后继续
- 30. CSS3动画,留在原地
你有一个链接到该网站,一个jsfiddle ,还是一些示例代码? – Vector
那么可能需要稍微不同的方法。无论如何,祝你好运。 – Vector
你能让你成为jsFiddle例子吗? –