Animation Delay

Tetapkan kelewatan animasi

Sintaks

visual="animation-delay:[value]"

Nilai

Nilai	CSS Output	Huraian
instant	animation-delay: 75ms	Kelewatan 75ms
quick	animation-delay: 100ms	Kelewatan 100ms
fast	animation-delay: 150ms	Kelewatan 150ms
normal	animation-delay: 200ms	Kelewatan 200ms
slow	animation-delay: 300ms	Kelewatan 300ms

Contoh

<div visual="animate:bounce animation-delay:slow">Delayed bounce</div>

Pratonton

Kelewatan Animasi

visual="animation-delay:slow" - Kelewatan sebelum animasi bermula

instant

slow

Lihat Kod

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small animate:pulse animation-delay:instant">instant</div>
  <div space="p:small" visual="bg:primary text:white rounded:small animate:pulse animation-delay:slow">slow</div>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

<div visual="animation:[custom-value]">Custom</div>