Cách tạo: hình ảnh đen và trắng

Học cách sử dụng CSS tạo hình ảnh “đen và trắng”.

hình ảnh đen và trắng

sử dụng CSS filter Thuộc tính chuyển đổi hình ảnh thành hình đen và trắng.

Tulip
hình ảnh gốc
Tulip
độ xám (100%)

ví dụ về độ xám

thay đổi màu sắc của tất cả các hình ảnh thành đen và trắng (100% xám):

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

thử trực tiếp

Trang liên quan

Hướng dẫn:Hình ảnh CSS

Tài liệu tham khảo:Thuộc tính filter CSS