शैली एनीमेशनअवधि संपत्ति
उदाहरण
एक <div> तत्व की एनीमेशन अवधि संपत्ति को बदलना:
document.getElementById("myDIV").style.animationDuration = "3s";
परिभाषा और उपयोग
एनीमेशन अवधि संपत्ति परिभाषित करती है कि एनीमेशन एक चक्र को पूरा करने में कितने सेकंड या मिलीसेकंड लेता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Moz के बाद आने वाले नंबर पहले संस्करण को निर्दिष्ट करते हैं जो एक उपसर्ग के साथ काम करता है।
Property | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
वाक्य - विन्यास
एनीमेशन अवधि संपत्ति लौटाएं:
object.style.animationDuration
एनीमेशन अवधि संपत्ति सेट करें:
object.style.animationDuration = "time|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | 0 |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की एनीमेशन-अवधि संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
CSS संदर्भ: एनिमेशन-अवधि संपत्ति