CSS3 animation-iteration-count Özelliği

CSS3 animation-iteration-count

Css animation-iteration-count özelliğini animasyonların kaç kez tekrarlanacağını belirtmek için kullanılır.

Örnek:

Bu örnekte animasyon 2 kez tekrarlanacaktır. Denemek için aşağıdaki tuşa basınız.

div { animation-iteration-count: 2; -webkit-animation-iteration-count: 2; /* Chrome, Safari, Opera */ }

CSS3 animation-iteration nedir nasıl kullanılır

Animasyonun kaç kez oynatılacağını ,sayısını berlitmemizi sağlayan css özelliğidir.

CSS animation-iteration-count	CSS animation-iteration-count özellikleri
Varsayılan Değer:	1
Kalıtsallık:	yok
Animasyon Özelliği:	yok
Versiyon:	CSS3
JavaScript animation-iteration-count:	object.style.animationIterationCount="infinite"

CSS3 animation-iteration Tarayıcı Desteği

CSS Kodu:
animation-iteration-count	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-

CSS3 animation-iteration Değerleri

animation-iteration-count:number|infinite|initial|inherit;

CSS3 animation-iteration-count özelliği değerleri

CSS animation-iteration-count değerleri	CSS animation-iteration-count değerleri tanımları	CSS Örnek Uygulamalar
number	Bu özelliğe değer olarak sayısal bir değer girilmelidir.Animasyonun kaç kere oynatılacağını belirtilmiş olur.
infinite	İnfinite değeri uygulandığında sozsuz kez tekrarlanacaktır.
initial	Varsayılan başlangıç değerini alır.
inherit	Eğer varsa soybağından gelen değeri taşır,ona göre animasyon tekrarı gerçekleşir.