CSS可以很方便地让图片变色,使用起来非常简单。接下来就让我们看看如何将图片变成其他颜色。
/*图片变色*/
img{
filter: hue-rotate(90deg);
}
上面的代码可以将图片的颜色进行旋转,通过调整参数的数值,可以让图片变成任意颜色。
/*图片变成红色*/
img{
filter: hue-rotate(0deg);
}
/*图片变成蓝色*/
img{
filter: hue-rotate(240deg);
}
/*图片变成绿色*/
img{
filter: hue-rotate(120deg);
}
通过设置不同的旋转角度,可以让图片变成不同的颜色,非常灵活。
同时,我们还可以将多个滤镜组合使用,可以得到更加吸引人的效果。
/*图片同时进行变色和模糊处理*/
img{
filter: hue-rotate(90deg) blur(5px);
}
通过让图片进行模糊处理,可以让图片更加柔和,并且更加美观。以上就是CSS让图片变色的方法,非常简单易学,如果你想要让自己的网站更加美观,不妨尝试一下。