// html 结构
<div class="mask">
<img>
<div>
// CSS 样式
<style>
.mask::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
backdrop-filter: blur(20px);
mask: linear-gradient(#0000 50% , #000 75%);
}
</style>
backdrop-filter 背景滤镜
和mask 遮罩
linear-gradient(#0000 50%, #000 75%)
-webkit-
-webkit-