Mengenal Animation Iteration Count Pada CSS3

Halo teman teman jika sudah paham cara kerja dari keyframes dan property animation. Sekarang pada bagian artikel kali ini saya akan menjelaskan nilai-nilai apa saja yang bisa dikasih kedalam property animation. Berikut ini adalah bentuk sintaks lengkap dari property animation sebagai berikut

cukup banyak nilai yang dapat diberikan yang nantinya kita akan jelaskan satu persatu. Untuk nilai name, duration, timing-function dan delay saya sudah jelaskan pada bagian artikel sebelumnya. Maka dari itu, hari ini kita fokus akan membahas tentang animation iteration-count. Animation iteration-count ini merupakan property yang melakukan iterasi atau perulangan jadi animasi yang sebelumnya kita buat secara default hanya terjadi sekali. Tapi dengan Animation iteration-count ini yang nilainya bisa kita berikan <angka> yang artinya kita dapat menentukan mau berapa kali animasinya akan diulang sedangkan nilai agar dapat diulang terus menerus kita bisa gunakan keyword infinite. Sebagai contoh saya akan menuliskan kode CSS berikut

maka animasi yang dijalankan akan melakukan perulangan sebanyak 2 kali sedangkan untuk keyword infinite sebagai berikut

maka animasi yang dijalankan akan terus menerus dan tidak akan berhenti. Jadi itu semuanya tergantung dari kebutuhannya teman teman. Jadi itu dia penjelasan mengenai animation iteration-count Pada CSS3. Semoga bermanfaat.