css3滤镜Filter使用

Filter主要用于图片，SVG等元素上，其默认值是none，有以下10个filter-function值可选：

grayscale（灰度）效果类似于PS中的去色或者黑白
blur（模糊）效果类似于PS中的高斯模糊
invert（反相）效果类似于PS中的反相
opacity（透明度）效果类似于PS中的图层不透明度
saturate（饱和度）效果类似于PS中的饱和度
brightness（亮度）效果类似于PS中的亮度
contrast（对比度）效果类似于PS中的对比度
drop-shadow（阴影）效果类似于PS中的投影
sepia（怀旧）效果类似于相机中的老照片滤镜
hue-rotate（色相）效果类似于PS中的色相+旋转，

参考链接：https://smohan.net/blog/5zls13

转载于:https://www.cnblogs.com/engeng/p/8250741.html

css3滤镜Filter使用相关推荐

CSS3滤镜filter: blur,使图片或背景模糊(毛玻璃)
CSS毛玻璃效果可以通过filter: blur()实现,类似PS高斯模糊,图片和背景都可以使用:但在移动端,会造成卡顿,不建议在移动端使用: CSS: .blur{-webkit-filter: b ...
Filter Effects - 使用 CSS3 滤镜处理图片
CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能.CSS3 Fitler 常用于调整图像的渲染.背景或边框显示效果.这里给大家分享的这个网站,大家可以体验下 CSS3 对图片的处理 ...
CSS3的滤镜filter属性
css3的滤镜filter属性,可以对网页中的图片进行类似Photoshop图片处理的效果,例如背景的毛玻璃效果.老照片(黑白照片).火焰效果等. 一.blur(px)高斯模糊二.brightnes ...
css3滤镜属性filter实现网页变黑白效果
前言在特殊的日子里,很多网站页面都是黑白色的,其实用css3滤镜属性filter让网页马上变黑白,一行代码就搞定. 网页变黑白代码实现方法1:在你的css里加上以下代码即可,网页马上变黑白: ht ...
十三、CSS 3新特性详解（一）——属性、结构伪类、伪元素选择器，nth-child与nth-of-type区别，2D rotate，calc函数、滤镜filter、过渡transition
七.CSS3 属性选择器(上) 什么是 CSS3 在 CSS2 的基础上拓展.新增的样式 CSS3 发展现状移动端支持优于 PC 端 CSS3 目前还草案,在不断改进中 CSS3 相对 H5,应用非 ...
html滤镜无效果,为什么css滤镜(filter属性)没用？
为什么css滤镜(filter属性)没用?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 滤镜filter属性,可以对网页中的图片进行类似Photosho ...
图片使用css3滤镜改变图片颜色
图片使用css3滤镜改变图片颜色使用css3滤镜改变图片的颜色代码如下使用css3滤镜改变图片的颜色我们在开发页面的时候,会遇到同一张图片滑过或点击的时候改变图片背景或颜色,一般情况下UI设计 ...
使用CSS3滤镜让图片反转颜色
CSS提供的滤镜也是一大亮点,我一直痴迷其中,有些滤镜的效果很有用,可是有些的滤镜效果可能只是为了玩玩儿,CSS常见的滤镜有这些:grayscale, blur, sepia,所有常见的过滤器.但是如 ...
Android直播开发之旅(18)：FFmpeg中滤镜(filter)的工作原理
文章目录 1. 什么是滤镜 1.1 简单滤镜(滤镜链) 1.2 复杂滤镜(滤镜图) 2. 滤镜API介绍与使用 2.1 滤镜API介绍 2.1.1 结构体 2.1.2 功能函数 2.2 滤镜API的使 ...

css3滤镜Filter使用

css3滤镜Filter使用相关推荐

最新文章

热门文章