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

CSS3 अस्पष्टता संपत्ति

<घंटा/>

अपारदर्शिता एक पतली पेंट है जिसे अस्पष्टता बढ़ाने के लिए काले रंग में जोड़ने की आवश्यकता है।

निम्न उदाहरण CSS3 अस्पष्टता गुण दिखाता है -

उदाहरण

<html>
   <head>
      <style>
         #m1 {background-color:rgb(255,0,0);opacity:0.6;}
         #m2 {background-color:rgb(0,255,0);opacity:0.6;}
         #m3 {background-color:rgb(0,0,255);opacity:0.6;}
      </style>
   </head>
   
   <body>
      <p>HSLA colors:</p>
      <p id = "m1">Red</p>
      <p id = "m2">Green</p>
      <p id = "m3">Blue</p>
   </body>
</html>

  1. CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी

    ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी हमें ट्रांज़िशन-प्रॉपर्टी, ट्रांज़िशन-अवधि, ट्रांज़िशन-टाइमिंग फ़ंक्शन और ट्रांज़िशन-देरी को एक लाइन में ट्रांज़िशन प्रॉपर्टी के मान के रूप में निर्दिष्ट करने की अनुमति देती है। CSS में ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html

  1. CSS Opacity जो सभी ब्राउज़रों में काम करती है CSS Opacity जो सभी ब्राउज़रों में काम करती है

    संपत्ति अस्पष्टता आधुनिक समाधान है और फ़ायरफ़ॉक्स 0.9+, सफारी 2, ओपेरा 9+, आईई 9+ और क्रोम के हर संस्करण के लिए काम करती है। -मोज़-अपारदर्शिता गुण 0.9 से पुराने फ़ायरफ़ॉक्स संस्करणों के लिए अस्पष्टता गुण है जबकि -khtml-अस्पष्टता गुण 1 से शुरू होने वाले सफारी संस्करणों के लिए है। फ़िल्टर गुण IE ब्राउ

  1. एचटीएमएल डोम स्टाइल अस्पष्टता संपत्ति एचटीएमएल डोम स्टाइल अस्पष्टता संपत्ति

    DOM शैली अपारदर्शिता गुण HTML दस्तावेज़ में किसी तत्व की अपारदर्शिता CSS गुण के मान को लौटाता है और संशोधित करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - 1. रिटर्निंग अपारदर्शिता object.style.opacity अस्पष्टता को संशोधित करना object.style.opacity = “value” उदाहरण आइए शैली अस्प