如何 - 黑白图像
了解如何使用 CSS 创建“黑白”图像。
黑白图像
原始图像
grayscale(100%)
使用 CSS filter 属性将图像转换为黑白。
灰度示例
将所有图像的颜色更改为黑白（100% 灰色）
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
自己试试 »
访问我们的 CSS 图像教程 了解更多关于如何设置图像样式的信息。
访问我们的 CSS filter 属性 了解更多关于 CSS 滤镜的信息。
