अल्फा चैनल फिल्टर ऑब्जेक्ट की अपारदर्शिता को बदलता है, जिससे यह बैकग्राउंड में मिश्रित हो जाता है।
इस फिल्टर में निम्न पैरामीटर्स उपयोग किए जा सकते हैं:
| पैरामीटर | विवरण |
|---|---|
| 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() का उपयोग करें।