CSS ट्रांसिशन-ड्यूरेशन प्रभाव

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

transition-duration विशेषता ट्रांजिशन प्रभाव को पूरा करने के लिए लगने वाला समय (सेकंड या मिलीसेकंड) निर्धारित करती है।

अन्य संदर्भः

CSS शिक्षा दस्तावेज़ःCSS ट्रांसिशन

HTML DOM संदर्भ दस्तावेज़ःtransitionDuration विशेषता

उदाहरण

ट्रांजिशन प्रभाव को 5 सेकंड चलाएं:

div {
  transition-duration: 5s;
}

खुद से प्रयोग करें

CSS व्याकरण

transition-duration: time;

प्रतियोगी मान

मान वर्णन
time

ट्रांजिशन प्रभाव को पूरा करने के लिए लगने वाला समय (सेकंड या मिलीसेकंड) निर्धारित करता है।

मूलभूत मान 0 है जो कि कोई प्रभाव नहीं डालता।

तकनीकी विवरण

मूलभूत मानः 0
विरासत करने की क्षमताः नहीं
संस्करणः CSS3
JavaScript व्याकरणः object.style.transitionDuration="5s"

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

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

संख्या -webkit-、-moz- या -o- के साथ प्रयोग करने वाले प्रथम संस्करण के लिए प्रयोग करें।

च्रोम IE / एज फायरफॉक्स सफारी ओपेरा
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-