用css改变图片背景色颜色

最新推荐文章于 2024-02-26 16:11:58 发布

mySunshine921

最新推荐文章于 2024-02-26 16:11:58 发布

阅读量1.2w

点赞数 9

分类专栏： web

本文链接：https://blog.csdn.net/lxhmm921/article/details/90675437

版权

web 专栏收录该内容

92 篇文章

订阅专栏

博客提及适用于svg和png的相关内容，还给出参考网址https://www.zhangxinxu.com/wordpress/2018/11/css-change-icon-color/ 用于学习CSS改变图标颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

.colorful {
    display: inline-block;
    width: 32px; height: 32px;
    background-color: #f4615c; // 目标颜色、目标颜色、目标颜色
    -webkit-mask: url(jgy_wxz_dt.svg) no-repeat;
    mask: url(jgy_wxz_dt.svg) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

适用于svg，png
https://www.zhangxinxu.com/wordpress/2018/11/css-change-icon-color/ 参考网址学习

.colorful {
    display: inline-block;
    width: 32px; height: 32px;
    background-image: url(..png), linear-gradient(#f4615c, #f4615c);
    background-blend-mode: lighten;
    background-size: 100%;
}