backdrop-filter高斯模糊

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

blur()
url
brightness()
contrast()
drop-shadow()
grayscale()
hue-rotate()
invert()
opacity()
saturate()
sepia()
效果如下:
backdrop-filter高斯模糊_第1张图片
注:在你的浏览器中你是看不到有任何效果,因为到目前为止仅有Safari 9浏览器支持,如果您想在浏览器中看到相应的效果,可以下载Webkit Nightly浏览器。

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

你可能感兴趣的:(css,backdrop-filter)