Style animationFillMode 属性

定义和用法

animationFillMode 属性规定动画不播放时（动画结束时，或有“延迟”时）将应用于元素的样式。

默认情况下，CSS 动画在“播放”第一个关键帧之前不会影响正在进行动画的元素，然后在最后一个关键帧完成后停止影响它。animationFillMode 属性可以覆盖此行为。

အကြောင်း

<div> အား ဘရောက်သတ် ကို ပြန်လည်သတ်မှတ် ပြီး

document.getElementById("myDIV").style.animationFillMode = "forwards";

ကျွန်ုပ် ကိုယ်တိုင် စမ်းသပ်ပါ

ပြည်းစုံ

animationFillMode ဘရောက်သတ် ကို ပြန်လည်သတ်မှတ်

object.style.animationFillMode

animationFillMode ဘရောက်သတ် ကို ကူးယူပါ

object.style.animationFillMode = "none|forwards|backwards|both|initial|inherit"

ဘရောက်သတ် အမှတ်

ပြန်လည်သတ်မှတ် ဖော်ပြ
none မူကြမ်း ပြန်လည်သတ်မှတ်
forwards ဘရောက်သတ် ပြီး ဘရောက်သတ် အချက် အရာ အား ဘရောက်သတ် အချက် အရာ အား အပြီး အား ဘရောက်သတ် ကြောင့် ဘရောက်သတ် အချက် အရာ ကို အပြီး အား ဘရောက်သတ် ပြီး
backwards

animation-delay အချက် အရာ ကြာအောင် တာဝန်ယူ လျှင် ဘရောက်သတ် အချက် အရာ ကို ကူးယူ ပြီး ဘရောက်သတ် အချက် အရာ မှ ဘရောက်သတ် ပြီး အချက် အရာ ကို စတင် ဘရောက်သတ် ပြီး အချက် အရာ ကို ပြီးစီး လျှင် ဘရောက်သတ် အချက် အရာ ကို အပြီး ပြီး

အရောက်သွား အရာ နှင့် အရောက်ရှိ အရာ မှ ဘရောက်သတ် အရာ ကို ကူးယူသည်
both အမှတ်အရာ ကို အရောက်သွား နှင့် အရောက်ရှိ ရာထူး ကို လိုက်နာသည်။ မည်သို့ပင်ဖြစ်စေ ဘရောက်သတ် ကို သဘောတရား "normal" သို့မဟုတ် "alternate" ဖြစ် လျှင် အရောက်သွား အရာ နှင့် အရောက်ရှိ အရာ မှ ဘရောက်သတ် အရာ ကို ကူးယူသည်။ သဘောတရား "reverse" သို့မဟုတ် "alternate-reverse" ဖြစ် လျှင် ဘရောက်သတ် အရာ မှ အရောက်ရှိ အရာ ကို ကူးယူသည်
initial သဘောတရား ပြန်လည်သတ်မှတ် ကို ကိုယ်စားပြုပါ။ ပြီးပြည့်စုံ ပြီးလျှင် ကျွန်ုပ် ကျေးဇူး ကို ကြည့်တော်မူပါ initial。
inherit ပြင်းပြီး အက်ယ်မီး အား သဘောတရား မျှော်လင့်ချက် ကို ကူးယူသည်။ ပြီးပြည့်စုံ ပြီးလျှင် ကျွန်ုပ် ကျေးဇူး ကို ကြည့်တော်မူပါ inherit。

နည်းပါး အချက်

မူကြမ်း ပြန်လည်သတ်မှတ် none
ပြန်လည်သတ်မှတ် အမှတ် ကွင်ပတ် ဖိုးစား အမှတ် ကို ကိုယ်စားပြု animation-fill-mode အခြေခံအက္ခရာ。
CSS ပုံစံ: CSS3

ဘရောက်သတ် ထောက်ပံ့

animationFillMode ဖြစ်ပါတယ် ယခု ဘရောက်သတ် 3 (1999) သဘောတရား

အားလုံး ဘရောက်သတ် ဘရောက်သတ် ကို ထောက်ပံ့သည့်:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ 11

ပတ်သက် စာမူ

CSS ကိုယ်စားပြု စာအုပ်:animation-fill-mode အခြေခံအက္ခရာ