您的位置: 首页 > 文章 > 如何实现背景图片的高斯模糊(毛玻璃边)效果 filter: blur(5px) 如何实现背景图片的高斯模糊(毛玻璃边)效果 filter: blur(5px) 分类: 文章 • 2024-09-18 10:12:22 如何实现背景图片的高斯模糊(毛玻璃边)效果 filter: blur(5px) 在一次偶然的机会下发现css的一个属性,可以实现背景色/背景图片的高斯模糊(毛玻璃边)效果。 先上图看一下所谓的高斯模糊(毛玻璃边)效果长什么样 由于在app上,需要下面的与导航栏实现无缝衔接,所以我这里是不需要这种效果的。 这里出现了这种情况是css的一个属性在捣乱:filter: blur(5px) 如果想要模糊效果更明显的话,只需要增加blur的值就好。