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

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

图片反色和颜色反色

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

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

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

效果图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FkX2xqcA_size_16_color_FFFFFF_t_70 1]

图片就变成反色了

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

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

效果图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FkX2xqcA_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FkX2xqcA_size_16_color_FFFFFF_t_70]: /images/20220829/0fbf30445b0c46c9be9727f387ff71a3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FkX2xqcA_size_16_color_FFFFFF_t_70 1]: /images/20220829/6f8e7ee79d2d427699fcb9fe1df779b7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FkX2xqcA_size_16_color_FFFFFF_t_70 2]: /images/20220829/579bc64ca4d945c785f3ad7af2fdacf9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

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

相关阅读

相关 WINDOWS 下PDF文件反色阅读

有时因为各种原因需要把pdf进行反色阅读工具：SumatraPDF.exe 在安装目录执行：SumatraPDF.exe -invert-colors example.p

淩亂°似流年/ 2024年02月19日 21:42/ 0 赞/ 40 阅读

相关高斯模糊

/ 获取 View 的高斯模糊 Bitmap / fun gaussianBlur(v: View): Bitma

柔光的暖阳◎/ 2022年12月29日 11:28/ 0 赞/ 140 阅读

相关 cv2进行反色操作

反色操作(invert\_image)是将原始的像素值(origin\_image)进行处理，是通过255减去原始像素： invert\_image=255-origin\_

绝地灬酷狼/ 2022年10月22日 07:39/ 0 赞/ 208 阅读

相关 html字体颜色反色,HTML5：画布上的反色文本颜色

更新：大多数较新的浏览器现在支持混合模式“差异”，可以达到相同的效果。 context.globalCompositeOperation = "difference"; 旧

本是古典何须时尚/ 2022年10月09日 14:22/ 0 赞/ 159 阅读

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

图片反色和颜色反色 <image src="https://kapai.obs.cn-southwest-2.myhuaweicloud.com/back/16290

柔情只为你懂/ 2022年09月05日 01:41/ 0 赞/ 249 阅读

相关 Adobe Acrobat XI反色保护色

版本11.0： ![2021092413232976.png][] 编辑->首选项 ![2021092413230442.png][] [20210924

小咪咪/ 2022年08月28日 12:41/ 0 赞/ 173 阅读

相关 opencv二值图反色处理

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

末蓝、/ 2022年08月27日 05:56/ 0 赞/ 436 阅读

相关高斯模糊

什么是高斯模糊高斯模糊（英语：Gaussian Blur），也叫高斯平滑，是在Adobe Photoshop、GIMP以及Paint.NET等图像处理软件中广泛使用的处

深藏阁楼爱情的钟/ 2022年05月20日 05:00/ 0 赞/ 231 阅读

相关 python-opencv操作像素进行反色处理

主要内容 “反色处理”指用色彩值的最高值255减去原先的色彩值。本文利用opencv库对图片进行反色处理主要代码 import cv2 as cv

超、凢脫俗/ 2022年03月14日 10:48/ 1 赞/ 548 阅读

相关【图像处理】中的“滤镜算法”：灰度、黑白、反向、去色、单色、高斯模糊、怀旧、连环画

目录灰度滤镜黑白滤镜反向滤镜去色滤镜单色滤镜高斯模糊滤镜怀旧滤镜熔铸滤镜冰冻滤镜连环画滤镜褐色滤镜 ---------------

深藏阁楼爱情的钟/ 2021年12月09日 20:29/ 0 赞/ 198 阅读