CSS让图标变成白色或黑色实例页面

回到相关文章 »

效果:

原图

变成黑色或白色

黑色:

白色:

代码:

CSS代码:
.black {
    filter: brightness(0);
}
.white {
    filter: brightness(100);
}
HTML代码:
<h4>原图</h4>
<p><img src="./xin.svg"></p>
<h4>变成黑色或白色</h4>
<p>黑色:<img src="./xin.svg" class="black"></p>
<p>白色:<img src="./xin.svg" class="white"></p>