Animation Iteration

Tetapkan bilangan ulangan animasi

Sintaks

visual="animation-iteration:[value]"

Nilai

Nilai	CSS Output	Huraian
1	animation-iteration-count: 1	Sekali
infinite	animation-iteration-count: infinite	Selamanya

Contoh

<div visual="animate:bounce animation-iteration:1">Bounce once</div>

Pratonton

Ulangan Animasi

visual="animation-iteration:infinite" - Kawal bilangan gelung

once

infinite

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:bounce animation-iteration:1">once</div>
  <div space="p:small" visual="bg:primary text:white rounded:small animate:bounce animation-iteration:infinite">infinite</div>
</div>