Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM स्टाइल ट्रांज़िशन प्रॉपर्टी

<घंटा/>

HTML DOM स्टाइल ट्रांज़िशन प्रॉपर्टी एक HTML दस्तावेज़ में एक HTML तत्व की ट्रांज़िशन CSS प्रॉपर्टी के मान को लौटाती है और संशोधित करती है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

<मजबूत>1. वापसी संक्रमण

<पूर्व>ऑब्जेक्ट.संक्रमण

<मजबूत>2. संक्रमण को संशोधित करना

ऑब्जेक्ट ट्रांज़िशन ="वैल्यू"

यहाँ मान हो सकता है -

मान स्पष्टीकरण
प्रारंभिक इसने इस गुण मान को उसके डिफ़ॉल्ट मान पर सेट किया।
उत्तराधिकारी यह इस गुण मान को इसके मूल तत्व से प्राप्त करता है।
संपत्ति अवधि समय-कार्य विलंब यहां, संपत्ति सीएसएस संपत्ति के नाम का प्रतिनिधित्व करती है जो संक्रमण होगा। समय-कार्य संक्रमण प्रभाव के तेज वक्र का प्रतिनिधित्व करता है। देरी दर्शाती है कि संक्रमण प्रभाव कब शुरू होगा।

आइए हम HTML DOM स्टाइल ट्रांज़िशन प्रॉपर्टी का एक उदाहरण देखें:

उदाहरण

DOM स्टाइल ट्रांज़िशन प्रॉपर्टी डेमो

अब, वर्ग पर होवर करें

आउटपुट

HTML DOM स्टाइल ट्रांज़िशन प्रॉपर्टी

संक्रमण सेट करें . पर क्लिक करें " बटन पर क्लिक करें और फिर संक्रमण प्रभाव देखने के लिए "लाल" वर्ग पर होवर करें।

HTML DOM स्टाइल ट्रांज़िशन प्रॉपर्टी


  1. एचटीएमएल डोम स्टाइल ट्रांसफॉर्म स्टाइल प्रॉपर्टी

    HTML DOM स्टाइल ट्रांसफॉर्म स्टाइल प्रॉपर्टी रिटर्न करती है और HTML डॉक्यूमेंट में किसी एलीमेंट में 2D या 3D ट्रांसफॉर्मेशन लागू करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग ट्रांसफॉर्म स्टाइल object.style.transformStyle परिवर्तन शैली को संशोधित करना object.style.transformStyle

  1. एचटीएमएल डोम स्टाइल ट्रांसफॉर्मऑरिजिन प्रॉपर्टी

    HTML DOM स्टाइल ट्रांसफॉर्मऑरिजिन प्रॉपर्टी लौटाती है और HTML दस्तावेज़ के किसी तत्व में 2D या 3D ट्रांसफ़ॉर्मेशन लागू करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग ट्रांसफॉर्मऑरिजिन object.style.transformOrigin ट्रांसफॉर्म ऑरिजिन को संशोधित करना object.style.transformOrigin = &l

  1. HTML DOM स्टाइल प्रॉपर्टी को कोट करता है

    HTML DOM शैली प्रॉपर्टी रिटर्न को कोट करती है और HTML दस्तावेज़ में कोटेशन संलग्न करने के लिए उद्धरण चिह्नों के प्रकार को संशोधित करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग कोट्स object.style.quotes उद्धरण संशोधित करना object.style.quotes = “value” मान यहाँ, मान ह