如何 - 添加图片效果

了解如何向图片添加视觉效果。

图片滤镜

CSSfilter属性为元素添加视觉效果（如模糊和饱和度）。

笔记：Internet Explorer、Edge 12 或 Safari 5.1 及更早版本不支持过滤器属性。

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

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

Original image

grayscale(100%)

对所有图片应用模糊效果：

img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}

Original image

blur(5px)

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