閱讀(29.9k) 書簽贊(2) 我要糾錯(cuò)

CSS3 animation-fill-mode 屬性

2022-06-02 14:24 更新

定義和用法

animation-fill-mode：設(shè)置樣式以在動畫不播放時(shí)應(yīng)用元素。

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

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

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

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

h1
{
animation-fill-mode: forwards;
}

嘗試一下 ?

屬性
animation-fill-mode	4.0 -webkit-	10.0	16.0 5.0 -moz-	4.0 -webkit-	15.0 -webkit- 12.1 12.0 -o-

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

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

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