如何实现背景图片的高斯模糊（毛玻璃边）效果 filter: blur(5px)

如何实现背景图片的高斯模糊（毛玻璃边）效果 filter: blur(5px)

在一次偶然的机会下发现css的一个属性，可以实现背景色/背景图片的高斯模糊（毛玻璃边）效果。

先上图看一下所谓的高斯模糊（毛玻璃边）效果长什么样

由于在app上，需要下面的与导航栏实现无缝衔接，所以我这里是不需要这种效果的。

这里出现了这种情况是css的一个属性在捣乱：

filter: blur(5px)

如果想要模糊效果更明显的话，只需要增加blur的值就好。