CSS让图标变成任意色值实例页面

回到相关文章 »

效果：

原图

变成指定红色#f4615c

红色：

代码：

CSS代码：

.colorful {
    filter: invert(52%) sepia(82%) saturate(2494%) hue-rotate(327deg) brightness(104%) contrast(92%);
}

HTML代码：

<h4>原图</h4>
<p><img src="./xin.svg"></p>
<h4>变成指定红色<span style="color:#f4615c;">#f4615c</span></h4>
<p>红色：<img src="./xin.svg" class="colorful"></p>