Style transitionProperty गुण

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

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