#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;
Javascript Syntax
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 s .
animation-duration: 2400ms;
Kamu dapat menggunakan milidetik daripada detik, dengan kata kunci ms .