アニメーションの再生回数を設定するcss3

CSS では、animation-iteration-count 属性を使用して、要素に「animation-iteration-count:infinite」スタイルを設定するだけでアニメーションの再生回数を設定できます。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

animation-iteration-count 属性は、主にアニメーションの再生回数を定義するために使用されます。

文法規則:

animation-iteration-count: infinite | [, infinite | ]*

1。値は通常整数ですが、小数点を含む数値も使用できます。デフォルト値は 1 で、アニメーションは 1 回だけ再生されることを意味します。

2. 値が無限の場合、アニメーションは無限に再生されます。

例:

アニメーションの動きを 5 回だけ再生するには、animation-iteration-count 属性を使用します。コードは、次のように設定されます:

animation-iteration-count:5 ;

注: Chrome または Safari ブラウザの場合は、-webkit- プレフィックスを追加する必要があります。

推奨学習: css ビデオ チュートリアル

以上がアニメーションの再生回数を設定するcss3の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。