文章目录

  • filter
  • backdrop-filter

filter

用于图片模糊


img {filter: blur(10px);
}

backdrop-filter

用于背景模糊,不会影响元素上面的内容

    .box {width: 600px;height: 400px;border: 1px solid #f5f5f5;backdrop-filter: blur(2px);border-radius: 10px;h1 {text-align: center;width: 60%;height: 60%;line-height: calc(400px * 0.6);color: #fff;backdrop-filter: blur(20px);background-color: rgba(0, 0, 0, 0.4);z-index: 999;}}

backdrop-filter filter相关推荐

  1. binding.filter(filter) will trigger OData request to backend

    Created by Wang, Jerry, last modified on Jan 16, 2015 要获取更多Jerry的原创文章,请关注公众号"汪子熙":

  2. SAP UI5 OData API binding.filter(filter) 会触发发往后台的 OData 请求

    Created by Wang, Jerry, last modified on Jan 16, 2015

  3. js filter 用法

    filter filter函数可以看成是一个过滤函数,返回符合条件的元素的数组 filter需要在循环的时候判断一下是true还是false,是true才会返回这个元素: filter()接收的回调函 ...

  4. python高阶函数(abs()、round()、map()、reduce()、filter())

    把函数作为参数传⼊,这样的函数称为⾼阶函数,⾼阶函数是函数式编程的体现.函数式编程就是指这种⾼度抽象的编程范式. 1.1 体验⾼阶函数         在Python中, abs() 函数可以完成对数 ...

  5. Array.prototype.map() 、 Array.prototype.reduce()、Array.prototype.filter()

    文章目录 1. map 2. reduce 3. filter 1. map   map 函数接收一个回调函数作为参数,然后返回一个数组,这个数组中的每个元素都是调用回调函数后返回的结果.如: fun ...

  6. 零基础入门学习Python(20)-lambda表达式、filter()、map() BIF

    lambda表达式 lambda关键字的使用 Python允许使用lambda关键字来创建匿名函数 基本语法:使用冒号(:)分隔函数的参数及返回值,冒号左边放置函数的参数,如果有多个参数,使用逗号(, ...

  7. 聊聊dubbo的Filter

    序 本文主要研究一下dubbo的Filter Filter dubbo-2.7.2/dubbo-rpc/dubbo-rpc-api/src/main/java/org/apache/dubbo/rpc ...

  8. Servlet、Filter、Listener、Interceptor基础

    第一:Servlet Servlet是个接口,全限定名是javax.servlet.Servlet,在javax.servlet包中,在servlet-api.jar(在tomcat自带的lib文件夹 ...

  9. Android 中文 SDK (47) —— Filter

    正文 一.结构 public abstract class Filter extends Object java.lang.Object android.widget.Filter 二.概述 过滤器通 ...

  10. Filter 设计模式编码实践

    原文地址: haifeiWu和他朋友们的博客 博客地址:www.hchstudio.cn 欢迎转载,转载请注明作者及出处,谢谢! 最近项目中遇到各种输出数据监控,数据校验等逻辑,一个个实现很是麻烦.项 ...

最新文章

  1. 脑电分析系列[MNE-Python-4]| MNE中数据结构Evoked及其对象创建
  2. C++Primer笔记之复制控制
  3. linux 文档属于apache,Apache 安装和使用文档
  4. Android activity跳转动画,6种activity进入动画
  5. Create React App 2.0 华丽登场
  6. C# vs note
  7. 蓝桥杯2013c++真题:排它平方数
  8. linux 升级内核为4.10,Linux Kernel 4.10.4 发布下载
  9. App架构设计经验谈:服务端接口的设计
  10. ubuntu16.04命令行模式和图形界面互相切换
  11. (1)了解cocostudio基础
  12. 如何在OUTLOOK签名中自动加入日期
  13. python金融数据分析及可视化
  14. 大数据的理解,大数据是什么,大数据能干什么?
  15. vue使用组件化思想实现一个简单的购物车页面
  16. 如何用企业网站的访问统计数据助力线上推广 上海添力
  17. 炫酷可视化教程 Cufflinks 来啦!!!
  18. 付费代理IP——Redis数据库的使用01
  19. 使用u盘安装Red Hat Enterprise 6.0
  20. 鸿蒙系统和安卓哪个更流畅,鸿蒙系统比安卓系统更流畅吗?

热门文章

  1. 【IIS】XP系统的IIS发布
  2. 乒乓球【击球】基础知识
  3. Dell PowerEdge R750 Intel DAOS 顺利通过“HighPerf Ready 1.0”测试
  4. 各种手段终于将土豆视频url请求找到了
  5. DescendingOrder
  6. Unity Shader-GodRay,体积光(BillBoard,Volume Shadow,Raidal Blur,Ray-Marching)
  7. 如何判断三极管的集电极,基极和发射极?
  8. 等了两年半!计算机专硕重大改革!不再只是电子信息了!
  9. 计算机组成原理——中央处理器
  10. 荣耀8更改微信提示音