วิธีการ - ภาพขาวดำ
เรียนรู้วิธีสร้างภาพ "ขาวดำ" ด้วย CSS
ภาพขาวดำ
ภาพต้นฉบับ
ระดับสีเทา(100%)
ใช้คุณสมบัติ CSS filter
เพื่อแปลงรูปภาพเป็นขาวดำ
ตัวอย่างระดับสีเทา
เปลี่ยนสีของภาพทั้งหมดเป็นขาวดำ (สีเทา 100%):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
ไปที่ บทช่วย สอนรูปภาพ CSSเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการจัดรูปแบบรูปภาพ
Go to our CSS filter Property to learn more about CSS filters.