怎么改变png图片的色值

左&耳

于 2022-11-18 14:30:33 发布

阅读量1.4k

点赞数 1

文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_43925630/article/details/127921807

版权

1.img标签的style属性中：filter：drop-shadow
在这里插入图片描述
重要代码：

marginLeft: -36,filter:'drop-shadow(36px 0px white)'

2.使用 mask-image 属性, 实现效果


.imagebox {
  -webkit-mask-image: url("../../assets/icon/minu.png");
  mask-image: url("../../assets/icon/minu.png");
  width:50px;
  height:50px;
  background:${color};
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  }

3.filter属性配合invert()、grayscale()、sepia()或hue-rotate()函数来改变png颜色