สร้างเอฟเฟกต์ X-Ray ด้วย CSS Filter

X-Ray effect ทำให้เป็นสีเทาและแบนสี (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: 357;          height: 50;          font-size: 30pt;          font-family: Arial Black;          color: red;          Filter: Xray;">CSS Tutorials</div>    </body> </html>.