स्टाइल एनिमेशनDuration गुण
- पिछला पृष्ठ animationDirection
- अगला पृष्ठ animationFillMode
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
वर्णन और उपयोग
animationDuration
एनिमेशन एक चक्र पूरा करने के लिए आवश्यक सेकंड या मिलीसेकंड को निर्धारित करता है।
उदाहरण
<div> एलेमेंट के animationDuration गुण को बदलें:
document.getElementById("myDIV").style.animationDuration = "3s";
व्याकरण
animationDuration गुण को वापसी मान दें:
ऑब्जैक्ट.style.animationDuration
animationDuration गुण को सेट करें:
ऑब्जैक्ट.style.animationDuration = "समय|initial|inherit"
गुण मान
मान | वर्णन |
---|---|
समय | एनिमेशन पूरा होने के लिए आवश्यक लंबाई को निर्धारित करता है। डिफ़ॉल्ट मान 0 है जो एनिमेशन नहीं होने को कहता है। |
initial | इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial。 |
inherit | इस गुण को उसके पिता एलेमेंट से उदार ले लीजिए। देखें inherit。 |
तकनीकी विवरण
डिफ़ॉल्ट मान: | 0 |
---|---|
वापसी मान: | इंटरप्रेटर animation-duration गुण。 |
CSS संस्करण: | CSS3 |
ब्राउज़र समर्थन
animationDuration
यह CSS3 (1999) विशेषता है।
सभी ब्राउज़र इसे पूरी तरह से समर्थन करते हैं:
च्रोम | एज | फ़ायरफॉक्स | सैफारी | ऑपेरा | IE |
---|---|---|---|---|---|
च्रोम | एज | फ़ायरफॉक्स | सैफारी | ऑपेरा | IE |
समर्थन | समर्थन | समर्थन | समर्थन | समर्थन | 11 |
संबंधित पृष्ठ
CSS संदर्भ निर्देशागृहःanimation-duration गुण
- पिछला पृष्ठ animationDirection
- अगला पृष्ठ animationFillMode
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट