animation-duration

Properti CSS animation-duration memungkinkan kamu untuk menentukan berapa lama animasi akan selesai dalam satu siklus.

Properti ini memungkinkan kamu untuk menyesuaikan kecepatan animasi, sehingga berjalan cepat atau lambat.

Properti animation-duration menerima nilai “waktu”. Misalnya, nilai 3s akan menghasilkan animasi berjalan selama 3 detik.

Dengan mengubah nilai properti animation-duration, kamu secara efektif mengubah kecepatan di mana animasi berjalan.

Nilai yang lebih tinggi menghasilkan animasi yang lebih lambat, sedangkan nilai yang lebih kecil menghasilkan animasi yang lebih cepat.

Syntax

animation-duration: time | initial | inherit;

object.style.animationDuration="3s"

default animation-duration: 0s;

Nilai defaultnya adalah nol detik : animasi tidak akan diputar.

animation-duration: 1.2s;

Kamu dapat menggunakan nilai desimal dalam detik dengan kata kunci

animation-duration: 2400ms;

Kamu dapat menggunakan milidetik daripada detik, dengan kata kunci ms .