Style transitionProperty गुण
- पिछला पृष्ठ transition
- अगला पृष्ठ transitionDuration
- एक पूर्व चयन को वापस एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
वर्णन और उपयोग
transitionProperty
गुण को निर्धारित करता है कि कौन सा CSS गुण के लिए ट्रांजिशन अभिव्यक्ति कार्यान्वित होगा (ट्रांजिशन अभिव्यक्ति निर्धारित CSS गुण के बदलने पर शुरू होगा)。
सूचना:जब उपयोगकर्ता एलेमेंट पर माउस को रखता है, तो आमतौर पर ट्रांजिशन अभिव्यक्ति दिखाई देता है。
टिप्पणी:हमेशा इसे निर्धारित करें transitionDuration गुणअन्यथा अवधि 0 होगी, और ट्रांजिशन अवैध होगा。
और देखें:
CSS संदर्भ दस्तावेज़:transition-property गुण
उदाहरण
डिव एलेमेंट पर माउस को रखकर उसकी चौड़ाई और ऊंचाई को धीरे-धीरे बदलें:
document.getElementById("myDIV").style.transitionProperty = "width,height";
व्याकरण
transitionProperty गुण वापसी मिलता है:
object.style.transitionProperty
transitionProperty गुण सेट करना:
object.style.transitionProperty = "none|all|property|initial|inherit"
गुण मूल्य
मूल्य | वर्णन |
---|---|
none | कोई गुण को ट्रांजिशन अभिव्यक्ति प्राप्त नहीं होगा。 |
all | मूलभूत मूल्य। सभी गुणों को ट्रांजिशन अभिव्यक्ति प्राप्त होगा。 |
property | ट्रांजिशन अभिव्यक्ति के लिए वर्णनात्मक CSS गुण के नाम की सूची जो अलगाव के साथ विभाजित है, |
initial | इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें initial。 |
inherit | इस गुण को उसके माता एलेमेंट से इस गुण को विरासत करें। देखें inherit。 |
तकनीकी विवरण
मूलभूत मूल्य: | all |
---|---|
वापसी मूल्य: | इंटरनेट अभिव्यक्ति transition-property गुण。 |
CSS संस्करण: | CSS3 |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर को पहली बार इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण दिया गया है。
Chrome | Edge | फायरफॉक्स | सैफारी | ओपेरा |
---|---|---|---|---|
Chrome | Edge | फायरफॉक्स | सैफारी | ओपेरा |
26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- पिछला पृष्ठ transition
- अगला पृष्ठ transitionDuration
- एक पूर्व चयन को वापस एचटीएमएल डॉम स्टाइल ऑब्जैक्ट