animation-delay | Codingku

Property CSS animation-delay memungkinkan kamu untuk menentukan berapa lama animasi harus menunggu sampai mulai diputar.

Kamu bisa menentukan penundaan dengan menentukan jumlah detik atau milidetik yang harus diambil sebelum dimainkan.

Misalnya, menentukan nilai 5s akan menghasilkan animasi mulai 5 detik setelah diterapkan.

Syntax

animation-delay: time | initial | inherit;

object.style.animationDelay="1s"

default animation-delay: 0s;

Animasi akan menunggu nol detik , dan segera mulai.

animation-delay: 1.2s;

Kamu dapat menggunakan nilai desimal dalam detik dengan kata kunci

animation-delay: 2400ms;

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

animation-delay: -500ms;

Kamu dapat menggunakan nilai negatif : animasi akan mulai seolah-olah sudah bermain untuk 500ms .