सीएसएस एनीमेशन-फ़िल-मोड गुण

वर्णन और उपयोग

animation-fill-mode गुण एनिमेशन को दिखाने से पहले या बाद में, एनिमेशन प्रभाव को दिखाने या नहीं दिखाने को निर्दिष्ट करता है।

टिप्पणी:इसके गुण मूल्य एक या अधिक भरने की मोड़ की शब्दों को कमा के साथ विभाजित होते हैं।

अन्य संदर्भ:

CSS3 शिक्षा:CSS एनिमेशन

HTML DOM संदर्भ दस्तावेज़:animationFillMode गुण

उदाहरण

h1 एलीमेंट के लिए भरने की मोड़ निर्दिष्ट करता है:

h1
  {
  animation-fill-mode: forwards;
  }

CSS व्याकरण

animation-fill-mode : none | forwards | backwards | both;
मूल्य वर्णन
none डिफ़ॉल्ट व्यवहार को बदलना नहीं है।
forwards एनिमेशन पूरा होने के बाद, अंतिम गुण मूल्य (अंतिम की रखवाले में परिभाषित) को बनाए रखना है।
backwards animation-delay द्वारा निर्दिष्ट एक समय तक, एनिमेशन दिखाने से पहले, शुरूआती गुण मूल्य (पहले की रखवाले में परिभाषित) को लागू करना है।
both आगे और पीछे की भरने की मोड़ दोनों पर लागू की जाती है।

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: none
विरासत की संभावना: no
संस्करण: CSS3
JavaScript व्याकरण: object.style.animationFillMode=none

ब्राउज़र समर्थन

तालिका में दिए गए संख्याएं इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को निर्दिष्ट करते हैं।

सभी -webkit-、-moz- या -o- से शुरू होने वाले संख्याओं को प्रयोग करने वाला पहला संस्करण का प्रयोग करता है।

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-