จะเป็น: ภาพดำและขาว

เรียนรู้ว่าจะเป็นภาพดำและขาวด้วย CSS

ภาพดำและขาว

ใช้ CSS filter 属性ที่จะเปลี่ยนภาพเป็นภาพดำและขาว

Tulip
ภาพเดิม
Tulip
เงาสี (100%)

ตัวอย่างของเงาสี

เปลี่ยนสีทุกภาพเป็นดำและขาว (100% ขาวน้ำเงิน):

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

สอบกันเอง

相关页面

教程：CSS 图像

参考手册：CSS filter 属性