Computer >> Máy Tính >  >> Lập trình >> CSS

Bộ lọc CSS Alpha Channel


Bộ lọc Kênh Alpha thay đổi độ mờ của đối tượng, làm cho đối tượng hòa vào nền.

Các thông số sau có thể được sử dụng trong bộ lọc này -

Tham số
Mô tả
Độ mờ
Mức độ mờ. 0 là hoàn toàn trong suốt, 100 là hoàn toàn không trong suốt.
độ hoàn thiện
Mức độ mờ ở đầu bên kia của đối tượng.
Kiểu
Hình dạng của gradient độ mờ.
0 =đồng phục
1 =tuyến tính
2 =xuyên tâm
3 =hình chữ nhật
startX
Tọa độ X cho gradient độ mờ bắt đầu.
startY
Tọa độ Y cho gradient độ mờ bắt đầu.
Kết thúc
Tọa độ X cho gradient độ mờ kết thúc.
Kết thúc
Tọa độ Y cho gradient độ mờ kết thúc.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai Bộ lọc Alpha -

<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>