Animation Play

Kawal keadaan main animasi

Sintaks

visual="animation-play:[value]"

Nilai

Nilai	CSS Output	Huraian
running	animation-play-state: running	Animasi berjalan
paused	animation-play-state: paused	Animasi dijeda

Contoh

<div visual="animate:spin hover:animation-play:paused">Pause on hover</div>

Pratonton

Keadaan Main Animasi

visual="animation-play:paused" - Jeda atau sambung animasi

running

paused

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:spin animation-play:running">running</div>
  <div space="p:small" visual="bg:primary text:white rounded:small animate:spin animation-play:paused">paused</div>
</div>