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

图片反色和颜色反色

<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为显示正常的颜色。

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

效果图：

图片就变成反色了

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

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

效果图：

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

css中用rgba设置颜色三光色
红绿蓝为光的3基色,三基色颜色越淡,越接近黑色:三基色颜色越重,越接近白色. 红黄青为色素的3原色,三原色颜色越浅,越接近白色(无色):三原色颜色越深,越接近黑色. css中设置rgba按照其语法直接 ...
css图片或者文字颜色变浅
<img style="opacity:0.4;" src="../../static/home/img/beiji.png" class="b ...
html如何把图片填充颜色渐变,css图片怎么设置透明度渐变？
css可以在设置图片颜色时使用linear-gradient()函数设置渐变,其中渐变颜色使用rgba()设置即可设置图片透明度渐变. linear-gradient() 函数用于创建一个线性渐变的 ...
java css隔行变色_JS+CSS实现Li列表隔行换色效果的方法
本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下: CSS+Js实现Li列表隔行换色效果 .mytable {border-collapse:colla ...
颜色拾色器 Flexi
Flexi是一个简单.轻量级颜色拾色器,基于SVG/VML技术实现.它没有基于依赖任何JavaScript框架开发,能够将选中的颜色以hexadecimal.HSV.RGB三种格式返回.选择器的尺寸. ...
python爬图片_网络爬虫经验：反爬和反反爬
我想很多人入门python是图片爬虫,就是HTTP请求,保存一下图片,用python实现非常快.网上很多爬虫的教程就讲到这里,实际上很单一,看了跟没看没什么区别,都是找一下网页的规律,然后Beauti ...
R语言ggplot2可视化配置图例（legend）标签色彩的升序或者反序（reverse）实战：ggplot2可视化默认图例标签色彩（升序，颜色越来越深）、可视化配置图例标签颜色反序（颜色越来越浅）
R语言ggplot2可视化配置图例(legend)标签色彩的升序或者反序(reverse)实战:ggplot2可视化默认图例标签色彩(升序,颜色越来越深).可视化配置图例标签颜色反序(颜色越来越浅) ...
uni-app请求图片的路径是反斜杠如何解决
uni-app做app项目的时候,请求到的图片链接路径有反斜杠,但是能在浏览器上打开,在页面就报错页面显示之后报的错,实际上是能拿到照片的,因为里面的\被当成转义符了,被转义了解决方法 this. ...
html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...

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

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

最新文章

热门文章