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

CSS अल्फा चैनल फिल्टर

अल्फा चैनल फिल्टर ऑब्जेक्ट की अपारदर्शिता को बदलता है, जिससे यह बैकग्राउंड में मिश्रित हो जाता है।

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

पैरामीटर विवरण
Opacity अपारदर्शिता का स्तर। 0 पूरी तरह पारदर्शी, 100 पूरी तरह अपारदर्शी।
FinishOpacity ऑब्जेक्ट के दूसरे छोर पर अपारदर्शिता का स्तर।
Style अपारदर्शिता ग्रेडिएंट का आकार।
0 = यूनिफॉर्म
1 = लीनियर
2 = रेडियल
3 = रेक्टेंगुलर
StartX अपारदर्शिता ग्रेडिएंट शुरू करने के लिए X कोऑर्डिनेट।
StartY अपारदर्शिता ग्रेडिएंट शुरू करने के लिए Y कोऑर्डिनेट।
FinishX अपारदर्शिता ग्रेडिएंट समाप्त करने के लिए X कोऑर्डिनेट।
FinishY अपारदर्शिता ग्रेडिएंट समाप्त करने के लिए 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>टेक्स्ट उदाहरण:</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>

आधुनिक विकल्प: CSS3 में opacity प्रॉपर्टी या rgba() कलर, या background: linear-gradient() का उपयोग करें।

  1. CSS से क्रॉस-ब्राउज़र ओपेसिटी कैसे सेट करें? CSS से क्रॉस-ब्राउज़र ओपेसिटी कैसे सेट करें?

    पुराने ब्राउज़र सपोर्ट के लिए कई ओपेसिटी प्रॉपर्टी एक साथ उपयोग करें: opacity (आधुनिक), filter: alpha(opacity=30) (IE 5-9), -moz-opacity (पुराना फायरफॉक्स), -khtml-opacity (पुराना सफारी)। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahom

  1. CSS ओपेसिटी / ट्रांसपेरेंसी CSS ओपेसिटी / ट्रांसपेरेंसी

    CSS में पारदर्शिता के दो तरीके: opacity प्रॉपर्टी (पूरा तत्व) और rgba() कलर (केवल बैकग्राउंड)। उदाहरण में दोनों दिखाए गए हैं - डिव पर rgba, इमेज पर opacity। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;

  1. सभी ब्राउज़र्स में काम करने वाला CSS ऑपेसिटी सभी ब्राउज़र्स में काम करने वाला CSS ऑपेसिटी

    opacity प्रॉपर्टी आधुनिक समाधान है और Firefox 0.9+, Safari 2, Opera 9+, IE 9+ और क्रोम के हर संस्करण के लिए काम करती है। -moz-opacity प्रॉपर्टी 0.9 से पुराने Firefox संस्करणों के लिए opacity प्रॉपर्टी है जबकि -khtml-opacity प्रॉपर्टी Safari 1 से शुरू होने वाले संस्करणों के लिए है। filter प्रॉपर्टी I