您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS3 animation-fill-mode 屬性

CSS3 animation-fill-mode 屬性

此節(jié)有 267 人學(xué)習(xí)過參與評論

實例

為 h1 元素規(guī)定填充模式：

h1
  {
  animation-fill-mode: forwards;
  }

IE	Firefox	Chrome	Safari	Opera

Internet Explorer 10、Firefox 以及 Opera 支持 animation-fill-mode 屬性。

Safari 和 Chrome 支持替代的 -webkit-animation-fill-mode 屬性。

注釋：Internet Explorer 9 以及更早的版本不支持 animation-fill-mode 屬性。

animation-fill-mode 屬性規(guī)定動畫在播放之前或之后，其動畫效果是否可見。

注釋：其屬性值是由逗號分隔的一個或多個填充模式關(guān)鍵詞。

默認(rèn)值：	none
繼承性：	no
版本：	CSS3
JavaScript 語法：	object.style.animationFillMode=none

animation-fill-mode : none | forwards | backwards | both;

值	描述
none	不改變默認(rèn)行為。
forwards	當(dāng)動畫完成后，保持最后一個屬性值（在最后一個關(guān)鍵幀中定義）。
backwards	在 animation-delay 所指定的一段時間內(nèi)，在動畫顯示之前，應(yīng)用開始屬性值（在第一個關(guān)鍵幀中定義）。
both	向前和向后填充模式都被應(yīng)用。