效果图：https://soft.clbug.com/
效果1：背景图背景虚化。先在背景图设置好图片背景，再在body下的div加上一层背景虚化即可。
body{
background: url("https://soft.clbug.com/wp-content/uploads/2021/03/adqib-5qb3v-120x120.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.body-div{
background: hsla(0,0%,100%,.3);
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
}效果2：具有背景虚化的导航菜单,只需要在菜单div上面加上背景虚化的代码及设置下背景颜色即可。
.menu{
background-color: hsla(0,0%,89.8%,.8);
background: hsla(0,0%,100%,.3);
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
}
本文地址：https://blog.csdn.net/wang7396/article/details/114313164
