CSS animation Özelliği

Tanım ve kullanım

animation Özellik, altı animasyon özelliğini ayarlamak için kullanılan kısa bir özelliktir:

Açıklama:Her zaman belirleyin animation-duration Özellik yoksa süresi 0 olacaktır ve animasyon oynatılmayacaktır.

CSS3 Eğitimi:CSS Animasyon

HTML DOM İpuçları Kılavuzu:animation özelliği

Kısa yazılım özelliklerini kullanarak animasyonu div elementine bağlayın:

div
{
animation:mymove 5s infinite;
}

animation: name duration timing-function delay iteration-count direction;

Değer	Tanım
animation-name	Seçiciye bağlanması gereken keyframe adını belirtir.
animation-duration	Animasyonun tamamlanması için harcanan süreyi saniye veya milisaniye cinsinden belirtir.
animation-timing-function	Animasyonun hız eğrisini belirtir.
animation-delay	Animasyonun başlamadan önceki gecikmeyi belirtir.
animation-iteration-count	Animasyonun oynaması gereken kez sayısını belirtir.
animation-direction	Animasyonun yinelenerek ters yönlendirilip yönlendirilmeyeceğini belirtir.
animation-fill-mode	Animasyonun çalışma süresi dışında uygulanan değerleri belirtir.
animation-play-state	Animasyonun devam ediyor mu yoksa duraklamış mı olduğunu belirtir.

Öntanımlı değer:	none 0 ease 0 1 normal
Mirasçılık:	hayır
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.animation="mymove 5s infinite"

Tablodaki sayılar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir.

Sayısal -webkit-、-moz- veya -o- ile başlayan ön eklerin ilk sürümünü kullanır.

Chrome	IE / 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-