如何实现背景图片的高斯模糊(毛玻璃边)效果 filter: blur(5px)
在一次偶然的机会下发现css的一个属性,可以实现背景色/背景图片的高斯模糊(毛玻璃边)效果。
先上图看一下所谓的高斯模糊(毛玻璃边)效果长什么样
由于在app上,需要下面的与导航栏实现无缝衔接,所以我这里是不需要这种效果的。
这里出现了这种情况是css的一个属性在捣乱:
filter: blur(5px)
如果想要模糊效果更明显的话,只需要增加blur的值就好。
时间:2022-02-04 01:38:58
在一次偶然的机会下发现css的一个属性,可以实现背景色/背景图片的高斯模糊(毛玻璃边)效果。
先上图看一下所谓的高斯模糊(毛玻璃边)效果长什么样
由于在app上,需要下面的与导航栏实现无缝衔接,所以我这里是不需要这种效果的。
这里出现了这种情况是css的一个属性在捣乱:
filter: blur(5px)
如果想要模糊效果更明显的话,只需要增加blur的值就好。
css3如何实现图片的高斯模糊效果?CSS3 Filter(滤镜)实现(code)
2023-11-08
css filter blur 白边 如何解决CSS3毛玻璃效果blur有白边的问题
2021-12-05
css3——滤镜filter 高斯模糊blur 去除模糊的白边
2019-11-05
欢乐喜庆迎新春 除夕夜 家家户户都洋溢着喜庆的氛围。灯笼高挂 门前贴满了红红火火
2024-06-29