css滤镜图片颜色

CSS滤镜可以通过调整图片的颜色、亮度、对比度等属性，从而达到美化、调整图片效果的目的。

CSS中提供了多种滤镜属性，下面我们重点介绍一下图片颜色相关的滤镜属性：

.filter-grayscale {
filter: grayscale(100%);
}
.filter-sepia {
filter: sepia(100%);
}
.filter-saturate {
filter: saturate(150%);
}
.filter-hue-rotate {
filter: hue-rotate(90deg);
}
.filter-invert {
filter: invert(100%);
}
.filter-opacity {
filter: opacity(50%);
}

在上述代码中，我们分别通过不同的属性值来调整图片的颜色：

grayscale：将图片转换为黑白灰度图 sepia：将图片转换为褐色老照片效果 saturate：将图片饱和度提高 hue-rotate：将图片的色相旋转 invert：将整张图片颜色取反 opacity：将图片透明度调整

通过这些滤镜属性，我们可以轻松地调整图片颜色效果，从而实现更加精美的设计效果。

查看更多关于css滤镜图片颜色的详细内容...