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

Đặt hiệu ứng mặt nạ bằng CSS


Sử dụng hiệu ứng mặt nạ để chuyển các pixel trong suốt thành một màu cụ thể và làm cho các pixel mờ trở nên trong suốt. Tham số sau được sử dụng trong bộ lọc này

Sr.No
Thông số &Mô tả
1
Màu
Màu mà các vùng trong suốt sẽ trở thành.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để triển khai hiệu ứng mặt nạ -

<html>
   <head>
   </head>
   <body>
      <img src="/css/images/logo.png" alt="CSS Logo" style="FILTER: Chroma(Color = #000000) Mask(Color=#00FF00)">
     
      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Mask(Color=#00FF00)">CSS Tutorials</div>
   </body>

</html>