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

सीएसएस अल्फा चैनल फ़िल्टर


अल्फा चैनल फिल्टर वस्तु की अस्पष्टता को बदल देता है, जिससे वह पृष्ठभूमि में मिश्रित हो जाता है।

इस फ़िल्टर में निम्नलिखित पैरामीटर का उपयोग किया जा सकता है -

पैरामीटर
<वें शैली ="चौड़ाई:73.7639%; पाठ-संरेखण:केंद्र;">विवरण
अपारदर्शिता
अस्पष्टता का स्तर। 0 पूरी तरह से पारदर्शी है, 100 पूरी तरह से अपारदर्शी है।
finishopacity
ऑब्जेक्ट के दूसरे छोर पर अपारदर्शिता का स्तर।
शैली
अस्पष्टता ढाल का आकार।
0 =वर्दी
1 =रैखिक
2 =रेडियल
3 =आयताकार
startX
शुरू करने के लिए अस्पष्टता ढाल के लिए एक्स समन्वय।
startY
वाई अस्पष्टता ढाल के लिए समन्वय शुरू करने के लिए।
समाप्त करें
एक्स अस्पष्टता ढाल को समाप्त करने के लिए समन्वय करता है।
समाप्त करें
Y अस्पष्टता ढाल को समाप्त करने के लिए समन्वय करता है।

उदाहरण

अल्फा फ़िल्टर को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

<html>
   <head>
   </head>
   <body>

      <img src="/css/images/logo.png" alt="CSS Logo"
         style="Filter: Alpha(Opacity=100,
         FinishOpacity=0,
         Style=2,
         StartX=20,
         StartY=40,
         FinishX=0,
         FinishY=0)" />
      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: blue;
         Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">
         CSS Tutorials
      </div>
   </body>
</html>

  1. CSS का उपयोग करके Cross Browser Opacity सेट करना

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

  1. सीएसएस अस्पष्टता / पारदर्शिता

    CSS Opacity/Transparency के लिए, Opacity संपत्ति का उपयोग किया जाता है। उदाहरण के लिए, अस्पष्टता:0.3; सीएसएस का उपयोग करते हुए अस्पष्टता/पारदर्शिता दिखाने वाला कोड निम्नलिखित है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif;}div {चौड़ाई:200px; ऊंचाई:200px; पृष्ठभूमि-रंग:

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

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