ตั้งค่า Mask Effect ด้วย CSS Filter

ใช้ mask effect เพื่อทำให้พิกเซลโปร่งใสกลายเป็นสีที่ระบุ และทำให้พิกเซลทึบแสงกลายเป็นโปร่งใส พารามิเตอร์ต่อไปนี้ถูกใช้ในฟิลเตอร์นี้:

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อนำ mask effect ไปใช้:

<html>    <head>    </head>    <body>       <img src="/css/images/logo.png" alt="CSS Logo" style="FILTER: Chroma(Color = #000000) Mask(Color=#00FF00)">             <p>ตัวอย่างข้อความ:</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>.