css模糊遮罩效果
原图：
模糊后的图片：
html:
<div class="bj">
<div class="mengban">
</div>
</div>css:
.bj {
width: 750rpx;
height: 643rpx;
background-image:
url('https://onlinekc.a.hlidc.cn/uploads/20241023/9e552fc928cc9407336b1920024f14de.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
.mengban {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(13px);//值越大越模糊（重要代码）
}
}