animation: Html elementinin tüm animasyon özelliklerini belirler

varsayılan değerler: none | 0 | ease | 0 | 1 | normal | none | running |


animation-name:

animation-name: özelliği ile animasyona vericeğiniz benzersiz isimdir animasyonu bu isimle çağırır ve kullanırız. (varsayılan değer ⇒ none)

animation-duration:

animation-duration: özelliği ile animasyon ne kadar zaman içersinde tamamlansın onu bildiririz. Milisaniye veya saniye cinsinden değer verebiliriz → 2000ms veya 2s. (varsayılan değer ⇒ 0)

animation-timing-function:

animation-timing-function: özelliği ile animasyon geçiş hızını belirleriz.

animation-delay:

animation-delayözelliği ile animasyon ne kadar süre sonra başlasın onu belirtiyoruz.milisaniye veya saniye cinsinden değer girebiliriz → 2000ms veya 2s. (varsayılan değer ⇒ 0)

animation-iteration-count:

animation-iteration-count: özelliği ile animasyon kaç kez çalışsın onu belirtiyoruz.infinite veya sayı değerini alıyor. (varsayılan değer⇒ 1)

animation-direction:

animation-direction: özelliği ile animasyon nasıl oynatılsın onu belirtiyoruz.

animation-fill-mode: