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 サイトの他の関連記事を参照してください。