सीएसएस एनीमेशन-डुरेशन गुण
- पिछला पृष्ठ animation-direction
- अगला पृष्ठ animation-fill-mode
वर्णन और उपयोग
animation-duration गुण पूर्ण एक चक्र पूरा करने में लगने वाले समय को सेकंड या मिलीसेकंड में निर्धारित करता है।
अन्य देखें
CSS3 पाठ्यक्रमःCSS एनिमेशन
HTML DOM संदर्भ दस्तावेज़ःanimationDuration गुण
उदाहरण
@keyframes एनिमेशन के लिए एक नाम निर्धारित करें:
div {
animation-duration: 3s;
}
CSS व्याकरण
animation-duration: time;
| मान | वर्णन |
|---|---|
| time | एनिमेशन पूरा करने में लगने वाला समय निर्धारित करता है। डिफ़ॉल्ट मान 0 है, जो एनिमेशन इफ़ेक्ट को निष्क्रिय करता है। |
तकनीकी विवरण
| डिफ़ॉल्ट मानः | 0 |
|---|---|
| विरासतः | नहीं |
| संस्करणः | CSS3 |
| JavaScript व्याकरणः | object.style.animationDuration="3s" |
ब्राउज़र समर्थन
तालिका में नंबर पूर्णतया इस गुण का समर्थन करने वाली पहली ब्राउज़र का संस्करण को निर्दिष्ट करते हैं।
से -webkit-、-moz- या -o- के साथ नंबर पहली संस्करण के लिए प्रयोग करते हैं।
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
- पिछला पृष्ठ animation-direction
- अगला पृष्ठ animation-fill-mode
