当前位置: 首页 > Web前端 > CSS

CSS过滤器

时间:2023-03-31 00:13:01 CSS

1.语法过滤器:无|模糊()|亮度()|对比()|阴影()|灰度()|色调旋转()|反转()|不透明度()|饱和()|棕褐色()|网址();让我们一目了然地看到效果。滤镜效果点击:https://jianxiujiucan.github....这些滤镜不仅可以单独使用,还可以组合使用。例如:.filter{filter:brightness(.9)contrast(1.2)saturate(1.3);}效果如下:画面亮了很多,简直就是美图秀秀的弱鸡版!https://codepen.io/jianxiujiu...结合CSS的混合模式,简直就是王道。我们来看看这个效果:img{filter:brightness(3)invert(1)grayscale(1);mix-blend-mode:difference;}图片处理后有一种“寒江雪中独钓”的感觉。https://codepen.io/jianxiujiu…