CSS animation-fill-mode Özelliği

Tanım ve Kullanım

animation-fill-mode Özelliği, animasyonun oynatılma öncesinde veya sonrasında, animasyon etkisinin görünürlüğünü belirler。

Yorum:Değerleri virgülle ayrılmış bir veya daha fazla doldurma modu anahtar kelimesinden oluşur。

Ayrıca bkz.:

CSS3 Eğitim Seti:CSS Animasyon

HTML DOM Referans Kılavuzu:animationFillMode Özelliği

Örnek

h1 ögesi için doldurma modunu tanımlayın:

h1
  {
  animation-fill-mode: forwards;
  }

CSS Dilbilgisi

animation-fill-mode : none | forwards | backwards | both;
Değer Açıklama
none Varsayılan davranışı değiştirmez。
forwards Animasyon tamamlanırken, sonuncu anahtar karede tanımlanan sonuncu değer korunur。
backwards animation-delay tarafından belirlenen sürenin ardından, animasyon görüntülenmeden önce, başlangıç değerleri uygulanır (ilk anahtar karede tanımlanır).
hem İlerleyici ve geriye doğru doldurma modları her ikisi de uygulanır。

Teknik Ayrıntılar

Varsayılan Değer: none
Miras Özelliği: hayır
Sürüm: CSS3
JavaScript Dilbilgisi: object.style.animationFillMode=none

Tarayıcı Desteği

Tablo, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir。

İlk sürümde kullanılan ön ekli sayıları -webkit-、-moz- veya -o- ile belirtin。

Chrome 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.1
12.0 -o-