IT码农库

您当前所在位置:首页 > 网页制作 > CSS

CSS

纯css实现更改图片颜色的技巧

网络 佚名2019-07-03CSS1110
这篇文章主要介绍了纯css实现更改图片颜色的技巧 ,实现方法很简单,感兴趣的朋友跟随小编一起看看吧

css更改图片颜色的技巧 ,代码很简单,具体代码如下所示:

tips: JPG、PNG、GIF 都可以,但是有一个前提要求,就是黑色纯色,背景白色

.pic1 {
    background-image: url($img), linear-gradient(#f00, #f00);
    background-blend-mode: lighten;
    background-size: cover;
}

总结

以上所述是小编给大家介绍的纯css实现更改图片颜色的技巧  ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

大图广告(830*140)