微信小程序自定义tabBar 高斯模糊毛玻璃特效

效果图

代码解释

在wxss中加入

  backdrop-filter: blur(10px);//：这一行代码表示将背景进行模糊处理，模糊程度为10像素。这会导致背景内容在这个元素后面呈现模糊效果。

  background-color: rgb(255, 255, 255/ .64);//这一行代码表示设置元素的背景颜色为白色（RGB值为0, 0, 0），并且通过/符号后面的透明度值（64%不透明度）使背景半透明。这会导致背景显示为半透明的白色。

  backdrop-filter: blur(10px);background-color: rgb(255, 255, 255/ .64);