css 图片反色，颜色反色，高斯模糊

柔情只为你懂 2022-09-05 01:41 346阅读 0赞

图片反色和颜色反色

  1. <image src="https://kapai.obs.cn-southwest-2.myhuaweicloud.com/back/1629077866599_114.png" class="img"></image>

效果图：
在这里插入图片描述
css3 属性 filter(滤镜)
1.图片反色，颜色反色
invert(%) 取值范围0%~100%
100%为完全反色，0为显示正常的颜色。

  1. .img{ 
  2.   filter: invert(100%);
  3. }

效果图：
在这里插入图片描述

图片就变成反色了

2.高斯模糊
blur(px)
默认值 0px 值越大越模糊
不接受百分比

  1. .img{ 
  2.   filter: blur(5px);
  3. }

效果图：
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，346人围观）

还没有评论，来说两句吧...

相关阅读

    相关 opencv二值图反色处理

    反色处理指的是：如果原先图像的背景是白色，而目标是黑色的话；经过反色处理后，背景变为白色，目标变为黑色。 在opencv中，对于二值图的反色处理有两种方法： 之前处理

    末蓝、末蓝、/ 0 赞/ 524 阅读