Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

แปลงสีเป็น 256 ระดับสีเทาด้วย CSS Grayscale Filter


ใช้เอฟเฟกต์ grayscale เพื่อแปลงสีของอ็อบเจกต์เป็น 256 ระดับสีเทา พารามิเตอร์ต่อไปนี้ถูกใช้ในฟิลเตอร์นี้:

พารามิเตอร์คำอธิบาย
Grayแปลงสีของอ็อบเจกต์เป็น 256 ระดับสีเทา

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อตั้งค่าเอฟเฟกต์ grayscale:

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