css3 -webkit-animationの実行回数

html5関連のメモです。
css3のwebkitアニメーションで、再生回数を制限したいときは、-webkit-animation-iteration-count を設定すればできます。
繰り返したくないときは、下記のように1を設定すれば大丈夫です。

-webkit-animation-iteration-count: 1;

無制限にループさせたいときは、下記のようにinfiniteと設定。

-webkit-animation-iteration-count: infinite;

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です