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.

18 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat