animation-iteration-count

Properti CSS animation-iteration-count memungkinkan kamu untuk menentukan berapa kali iterasi (siklus) yang akan dimainkan oleh animasi.

Dengan kata lain, properti ini menentukan berapa kali loop sebelum berhenti.

Misalnya, animation-iteration-count: 5 akan menghasilkan animasi yang diulang selama 5 siklus/loop.

Menentukan animation-iteration-count dengan nilai infinite menghasilkan jumlah animasi tak terbatas atau akan diulang selamanya.

Syntax

animation-iteration-count: number | infinite | initial | inherit;

object.style.animationIterationCount="infinite"

default animation-iteration-count: 1;

Animasi hanya akan diputar sekali .

animation-iteration-count: 2;

Kamu dapat menggunakan nilai integer untuk menentukan jumlah spesifik berapa kali animasi akan diputar.

animation-iteration-count: infinite;

Dengan menggunakan kata kunci infinite , animasi akan diputar tanpa batas.