backdrop-filter高斯模糊

backdrop-filter是在Filter Level2提出来的。这是一个实验技术，其取值和filter Level1中filter属性的属性值一样，包括：

blur()
url
brightness()
contrast()
drop-shadow()
grayscale()
hue-rotate()
invert()
opacity()
saturate()
sepia()
效果如下：

注：在你的浏览器中你是看不到有任何效果，因为到目前为止仅有Safari 9浏览器支持，如果您想在浏览器中看到相应的效果，可以下载Webkit Nightly浏览器。

参考文章：高级CSS filters / 背景过滤器 | backdrop-filter

backdrop-filter高斯模糊相关推荐

Backdrop Filter
CSS 滤镜 : backdrop-filter backdrop filter属性允许我们使用css对元素后面的内容应用过滤效果. 滤镜: 名称: 方法案例: 效果: blur() 模糊 : blu ...
使用 Python 设置高斯模糊背景
源码 import osimport json import time from lxml import etree import random import requests import win3 ...
深入分析 Flutter 渲染性能
简介: Flutter 有很多优点,特别是对于开发者来说,跨平台多端支持,丰富的 UI 组件库和交互效果,声明式 UI,React 的更新方式,Hot-reload 提高开发效率等等.虽然它在渲染性能 ...
达内2016前端开发知识点总结--HTML5--8天
HTML5 day01 第三阶段: AJAX - 8 -- 综合且容易出错 HTML5新特性 - 7 -- 零散神不聚 Bootstrap - 5 -- 玩命儿被单词今日目标: (1)WebSto ...
iOS 9，为前端世界都带来了些什么？「译」
2015 年 9 月,Apple 重磅发布了全新的 iPhone 6s/6s Plus.iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9(是的,这货居然是第 9 版),加上已经 ...
曾经的iOS 9，为前端世界都带来了些什么？
2015 年 9 月,Apple 重磅发布了全新的 iPhone 6s/6s Plus.iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9(是的,这货居然是第 9 版),加上已经 ...
css背景图片高斯模糊_CSS3 filter(滤镜) 制作图片高斯模糊无需JS
本帖最后由 fengrui99 于 2019-7-8 11:20 编辑这是一个寂寞的工作日,因为没有女盆友所以很寂寞,因为很寂寞所以来写教程.希望再看教程的你也是单身!啊,知道你是单身枫瑞贼开心!爽 ...
巧用css的滤镜filter属性处理图片，高斯模糊，HTML页面黑白滤镜等
效果如下:使用css的filter滤镜属性.可以巧妙的设置图片高斯模糊和特效.包括灰色纪念清明节等悼念烈士英雄灰白效果. <img class='testimg' src="./img ...
html做图片模糊效果,CSS3 filter(滤镜) 制作图片高斯模糊无需JS
CSS3 filter(滤镜) 制作图片高斯模糊无需JS 这是一个寂寞的工作日,因为没有女盆友所以很寂寞,因为很寂寞所以来写教程.希望再看教程的你也是单身!啊,知道你是单身枫瑞贼开心!爽的一B!!!起 ...
如何实现背景图片的高斯模糊（毛玻璃边）效果 filter: blur(5px)
如何实现背景图片的高斯模糊(毛玻璃边)效果 filter: blur(5px) 在一次偶然的机会下发现css的一个属性,可以实现背景色/背景图片的高斯模糊(毛玻璃边)效果. 先上图看一下所谓的高斯模糊 ...

backdrop-filter高斯模糊

backdrop-filter高斯模糊相关推荐

最新文章

热门文章