如何操作 - 黑白图片

了解如何使用 CSS 创建"black and white" 图片。

黑白图片

原图

灰度(100%)

使用CSSfilter属性将图片转换为黑白图片。

将所有图片的颜色更改为黑白（100% 灰色）：

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

去我们的CSS 图片教程了解有关如何设置图片样式的更多信息。

去我们的CSS 过滤器属性了解有关 CSS 过滤器的更多信息。