CSS ट्रांसीशन-प्रोपर्टी प्रतियोगिता
- पिछला पृष्ठ transition-duration
- अगला पृष्ठ transition-timing-function
परिभाषा और उपयोग
transition-property गुण ट्रांजिशन प्रभाव के लिए प्रयोग करने वाले CSS गुण का नाम निर्दिष्ट करता है।(निर्दिष्ट CSS गुण के बदलने पर ट्रांजिशन प्रभाव शुरू होगा)。
सुझाव:ट्रांजिशन प्रभाव आमतौर पर उपयोगकर्ता माउस पॉइंटर को एलिमेंट पर ले जाते हैं जब उसके ऊपर ले जाया जाता है。
टिप्पणी:हमेशा सेट करें transition-duration गुण नहीं होते, तो अवधि 0 होगी और ट्रांजिशन प्रभाव नहीं होगा。
दूसरे देखें:
CSS शिक्षा:CSS ट्रांसीशन
HTML DOM संदर्भ दस्तावेज़:transitionProperty गुण
उदाहरण
डिव एलिमेंट पर माउस पॉइंटर रखें, तो दर्शनीय रूप से एलिमेंट की चौड़ाई बदलने के लिए ट्रांजिशन प्रभाव होगा:
div {
transition-property: width;
}
CSS व्याकरण
transition-property: none|all|प्रौपर्टी;
गुण मान
| मान | वर्णन |
|---|---|
| नहीं | कोई गुण ट्रांजिशन प्रभाव प्राप्त नहीं करेगा。 |
| सभी | सभी गुण ट्रांजिशन प्रभाव प्राप्त करेंगे。 |
| प्रौपर्टी | अनुप्रयोग ट्रांजिशन प्रभाव के CSS गुण के नाम की सूची परिभाषित करता है, सूची का समापन करने के लिए कमा बनाया जाता है。 |
तकनीकी विवरण
| मूलभूत मान: | सभी |
|---|---|
| विरासतीयता: | नहीं |
| संस्करण: | CSS3 |
| जेवीएस काल्पनिक भाषा: | ऑब्जेक्ट.style.transitionProperty="width,height" |
ब्राउज़र समर्थन
तालिका में नंबर इस गुण को पूरी तरह से समर्थन देने वाली पहली ब्राउज़र संस्करण को निर्दिष्ट करते हैं。
सभी -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- |
- पिछला पृष्ठ transition-duration
- अगला पृष्ठ transition-timing-function
