Style animationPlayState Özelliği

Tanım ve Kullanım

animationPlayState Özelliği, animasyonun çalışıp çalışmadığını belirler.

Yorum:Bu özelliği döngü içinde animasyonu durdurmak için kullanın.

Ayrıca bakınız:

CSS Referans Kılavuzu:animation-play-state özelliği

Örnek

Animasyonu durdurun:

document.getElementById("myDIV").style.animationPlayState = "paused";

Kişisel olarak deneyin

Gramer

animationPlayState özelliğini döndürün:

nesne.style.animationPlayState

animationPlayState özelliğini ayarlayın:

nesne.style.animationPlayState = "running|paused|initial|inherit"

Özellik değeri

Değer Açıklama
running Öntanımlı değer. Animasyonun çalıştığını belirtir.
öntanımlı Animasyonu durdurur.
initial Bu özelliği öntanımlı değerine ayarlayın. Ayrıca bakınız: initial.
inherit Bu özelliği ebeveyn elemanından miras alır. Ayrıca bakınız: inherit.

Teknik ayrıntılar

Öntanımlı değer: running
Dönüş değeri: dizgesi, elemanın animation-play-state özelliği.
CSS sürümü: CSS3

Tarayıcı desteği

animationPlayState CSS3 (1999) özelliğidir.

Tüm tarayıcılar tamamen onu destekler:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Destek Destek Destek Destek Destek 11