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 Resimler

HTML yorum etiketi ile öğe gizleme örneği

HTML5 Canvas Oyun Yapımı Dersleri

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

YouTube Reklam Engelleyici

javascript ile aciklama satiri ve haftanın gunünü bulma

Uyurken Bile Para Kazanmak İster misin

CSS content Özelliği