如何创建 - 黑白图像
了解如何使用 CSS 创建"黑白"图像。
黑白图像
Original image
grayscale(100%)
使用 CSS filter 属性将图像转换为黑白。
Grayscale 实例
将所有图像的颜色更改为黑白（100% 灰色）:
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
亲自试一试 »
转到我们的 CSS 图像教程，了解有关如何设置图像样式的更多信息。
转到我们的 CSS 过滤器属性，了解有关 CSS 过滤器的更多信息。
