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.

Yorumlar

Bu blogdaki popüler yayınlar

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

CSS justify-content Özelliği

CSS text-decoration Özelliği

CSS border-collapse Özelliği