-1

ロゴに CSS アニメーションを使用しました。画像を上から下に一度だけスライドさせます。アニメーションが停止した後、画像を元の場所にとどめるにはどうすればよいですか?

4

2 に答える 2

2

これを CSS に追加します

-webkit-animation-fill-mode: forwards;

デモhttp://jsfiddle.net/kevinPHPkevin/4TcSK/5/

ブラウザを完全にサポートする Jquery の例

デモhttp://jsfiddle.net/kevinPHPkevin/GyYvz/

$('img').animate({ marginTop: '250px', opacity: 0.5 }, 1000);
于 2013-08-22T19:09:51.530 に答える
1

animation-iteration-count: 1を実行して、一度だけ再生し、無限にループする代わりに完了することができます。

于 2013-08-22T18:46:09.800 に答える