CSS动画 - 如何让它在动画后留在那里？

Question

我使用CSS动画处理徽标。我让图像从上到下滑动一次。在动画停止后如何使图像保持原样？

Answer 1

将此添加到您的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);

Answer 2

你可以animation-iteration-count: 1使其只播放一次，然后完成而不是无限循环。