ทำให้สีเป็นแบบ X-Ray (ลดความลึกสี) ด้วย CSS Filter

เพื่อทำให้สีเป็นแบบ X-Ray (Grayscale และ Flatten color depth) ต้องใช้ฟิลเตอร์ X-Ray

พารามิเตอร์ที่ใช้ในฟิลเตอร์นี้:

ลำดับ	พารามิเตอร์ & คำอธิบาย
1	Xray ทำให้เป็นโทนสีเทา (Grayscale) และลดความลึกสี (Flatten color depth)

ตัวอย่าง

ลองรันโค้ดด้านล่างเพื่อสร้างเอฟเฟกต์ X-Ray:

<html>
  <head></head>
  <body>
    <img src="/css/images/logo.png" alt="CSS Logo" style="filter: Xray">
    <p>ตัวอย่างข้อความ:</p>
    <div style="width: 357px; height: 50px; font-size: 30pt; font-family: Arial Black; color: red; filter: Xray">CSS Tutorials</div>
  </body>
</html>