Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Thiết lập hiệu ứng Mask (Mặt nạ) với CSS Filter

Sử dụng hiệu ứng Mask để chuyển pixel trong suốt thành màu chỉ định và làm cho pixel đậm thành trong suốt.

Tham số dùng trong bộ lọc này:

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

Ví dụ

Thử chạy mã sau để triển khai hiệu ứng mask:

<html>
<head>
</head>
<body>
  <img src="/css/images/logo.png" alt="CSS Logo" style="FILTER: Chroma(Color = #000000) Mask(Color=#00FF00)">
  <p>Ví dụ văn bản:</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>