css 图片改变颜色 |css3怎么隐藏滚动条

img{
filter: hue-rotate(90deg); /* 应用90度色相旋转 */
}

上面的代码中，大家使用CSS中的滤镜属性filter，通过值hue-rotate(90deg)来改变图片的颜色。其中hue-rotate表示色相旋转，取值范围为0~360度，大家这里取90度，即将图片的颜色从蓝色变为绿色。

如果大家想将图片变成黑白色，可以这样写：

img{
filter: grayscale(100%); /*应用100%灰度*/
}

上面代码中，大家使用grayscale(100%)来实现将图片变成黑白色的效果。其中，grayscale表示灰度，取值范围为0~100%，大家这里取100%，即完全灰度。

除了上面的这些效果，CSS中还有其它可以改变图片颜色的属性和方法，例如sepia()、brightness()、contrast()等等，有兴趣的读者可以自己尝试一下。