风记星辰的参考与设计：优化文章作者及版权区域、新增全局地图标注、渐进式背景模糊探索

https://www.thyuu.com/61319

// 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%)

1. -webkit-
2. -webkit-

结语