当前第2页 返回上一页
2、利用background-blend-mode，我们可以在图片下叠加多一层其他颜色，通过background-blend-mode: lighten这个混合模式实现改变图片主体颜色黑色为其它颜色的目的。简单的 CSS 代码示意如下：
1 2 3 4 5 6 7 8 9 10 11 | .pic {
width: 200px;
height: 200px;
background-image: url($img);
background-size: cover;
}
.pic1 {
background-image: url($img), linear-gradient(#f00, #f00);
background-blend-mode: lighten;
background-size: cover;
}
|
相关免费学习推荐：javascript视频教程
以上就是css如何改变图片颜色的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css元素如何重叠？
css background属性怎么用
css怎么实现禁止缩放
css怎么删除滚动条
css隐藏元素的几种方法中可以触发点击事件的是？
css的选择器不包括什么
css网格布局（grid）的常用属性介绍
css响应式布局之媒体查询
css outline属性怎么用？
html5实践-使用css装饰图片画廊的代码分享（一）
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css如何改变图片颜色
