CSS让图标变成白色或黑色实例页面 和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>

css彩色 变黑白（灰）

css代码

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;