CSS animation-play-state Özelliği

Tanım ve Kullanım

animation-play-state Özelliği, animasyonun çalışıp çalışmadığını belirler.

Yorum:JavaScript'te bu özelliği kullanarak, animasyonun oynatım sırasında durdurulmasını sağlayabilirsiniz.

Ayrıca Bakınız:

CSS3 Eğitim Seti:CSS Animasyon

HTML DOM Kaynak Kılavuzu:animationPlayState Özelliği

Örnek

Animasyonu durdurun:

div
{
animation-play-state:durdurulmuş;
}

Kişisel Deneyim

CSS Dilbilgisi

animation-play-state: durdurulmuş|çalışıyor;
Değer Açıklama Test
durdurulmuş Animasyonun durdurulduğunu belirtir. Test
çalışıyor Animasyonun oynatılıyor olduğunu belirtir. Test

Teknik Ayrıntılar

Öntanımlı Değer: çalışıyor
Miras: hayır
Sürüm: CSS3
JavaScript Dilbilgisi: nesne.style.animationPlayState="durdurulmuş"

Tarayıcı Desteği

Tablo içindeki rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir.

İlk sürümde kullanılan ön ek olan -webkit-、-moz- veya -o- ile işaretlenmiş rakamlar.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-