शैली संक्रमणसंपत्ति संपत्ति
उदाहरण
धीरे-धीरे इसकी चौड़ाई और ऊंचाई बदलने के लिए एक div तत्व पर होवर करें:
document.getElementById("myDIV").style.transitionProperty = "width,height";
परिभाषा और उपयोग
ट्रांज़िशनप्रॉपर्टी प्रॉपर्टी उस सीएसएस प्रॉपर्टी का नाम निर्दिष्ट करती है जिसके लिए ट्रांज़िशन इफेक्ट है (जब निर्दिष्ट सीएसएस प्रॉपर्टी बदलती है तो ट्रांज़िशन इफेक्ट शुरू हो जाएगा)।
युक्ति: एक संक्रमण प्रभाव आमतौर पर तब हो सकता है जब कोई उपयोगकर्ता किसी तत्व पर होवर करता है।
नोट: हमेशा ट्रांज़िशनDuration प्रॉपर्टी निर्दिष्ट करें, अन्यथा अवधि 0 है, और ट्रांज़िशन का कोई प्रभाव नहीं पड़ेगा।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
transitionProperty | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionProperty |
12.1 |
वाक्य - विन्यास
ट्रांज़िशनप्रॉपर्टी प्रॉपर्टी लौटाएं:
object.style.transitionProperty
ट्रांज़िशनप्रॉपर्टी प्रॉपर्टी सेट करें:
object.style.transitionProperty = "none|all|property|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
none | No property will get a transition effect |
all | Default value. All properties will get a transition effect |
property | Defines a comma separated list of CSS property names the transition effect is for |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | सब |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की संक्रमण-संपत्ति संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
सीएसएस संदर्भ: संक्रमण-संपत्ति संपत्ति
❮ स्टाइल ऑब्जेक्ट