Bộ lọc Alpha Channel thay đổi độ mờ của đối tượng, làm cho nó hòa vào nền.
Các tham số có thể dùng:
| Tham số | Mô tả |
|---|---|
| Opacity | Mức độ mờ. 0 = hoàn toàn trong suốt, 100 = hoàn toàn đậm. |
| FinishOpacity | Mức độ mờ tại đầu kia của đối tượng. |
| Style | Hình dạng gradient độ mờ. 0 = đồng đều 1 = tuyến tính 2 = bán kính 3 = hình chữ nhật |
| StartX | Tọa độ X bắt đầu gradient độ mờ. |
| StartY | Tọa độ Y bắt đầu gradient độ mờ. |
| FinishX | Tọa độ X kết thúc gradient độ mờ. |
| FinishY | Tọa độ Y kết thúc gradient độ mờ. |
Ví dụ
Thử chạy mã sau để triển khai Alpha Filter:
<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>Ví dụ văn bản:</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>