改变png图片颜色

用filter中的drop-shadow给阴影赋颜色

将图片左移宽度的距离，增加的阴影右偏移宽度+1
以图片宽度0.16rem为例

.img{
    display: block;
    width: .16rem;
    translate: -.16rem;
    filter: drop-shadow(.17rem 0  0 white);
}

隐藏原图片，只展示阴影部分

.img-box{
    width: .16rem;
    overflow: hidden;
}

图片展示代码

<div className="img-box">
  <img src="" alt="" className="img" />
</div>