css backdrop-filter属性 用来做图片的部分模糊效果

backdrop-filter CSS 属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。mdn介绍

示例：

代码：

<div class="img-box"><div class="bottom">backdrop-filter: blur(5px);</div></div>

.img-box {position: relative;width: 100%;height: 200px;background: url('./bg101010.png') 0 0 /100% 100%;}.bottom{position: absolute;bottom: 0;width: 100%;background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);min-height: 50px;font-size: 30px;color: #fff;}