Backdrop Filter

简介: 笔记

CSS 滤镜 : backdrop-filter



backdrop filter属性允许我们使用css对元素后面的内容应用过滤效果。

10.png11.png12.png

                           原图:

13.png

其实这些效果看下来,就和ps里面的功能一样(名字都是一样的!)。如果还是不太理解可以打开ps看看。

 

在此有个重点

Backdrop-Filte虽然好但是兼容是个问题。

Pc端的IE是不支持的、移动端的Firefox也不支持、版本较低的基本也不支持。

Backdrop-Filte虽然和filter的语法一样但是效果可不一样!!



目录
相关文章
|
7月前
|
Java API 容器
Filter 过滤器实现
JavaWeb 组件 Servlet 提供了 Filter 过滤功能,其功能是对目标资源的请求和响应进行拦截,对拦截到的请求和响应做出特殊的功能处理,比如我们请求中有一些敏感信息过滤就是利用过滤器过滤。
WK
|
3月前
|
存储 Python
filter函数
在Python中,filter() 函数是另一个内置的高阶函数,它用于过滤序列,过滤掉那些不符合条件的元素,返回由符合条件元素组成的新迭代器。filter() 函数接收两个参数:一个函数和一个可迭代对象。这个函数用于测试可迭代对象中的每个元素,如果元素满足条件(即函数返回True),则保留该元素;否则,该元素被过滤掉。
WK
64 0
|
5月前
|
Python
filter
【7月更文挑战第10天】
49 2
|
应用服务中间件
15-Filter 过滤器2
15-Filter 过滤器2
83 0
|
7月前
|
JavaScript 前端开发
filter() 方法使用
filter() 方法使用
51 0
filter的使用
常见的场景:当我们从后端请求到数据列表时,我们需要对其中符合条件的数据进行筛选、当我们拿到数据,我们希望把英文首字母大写,数组去重等等。
|
Java
15-Filter 过滤器1
15-Filter 过滤器1
110 0
|
Java 应用服务中间件
Filter过滤器
Filter过滤器
Filter过滤器
|
API 数据安全/隐私保护 容器
Filter(过滤器)
Filter(过滤器)
|
API 容器
Filter过滤器的简单介绍与使用
Filter过滤器的简单介绍与使用
165 0
Filter过滤器的简单介绍与使用