如何淡出背景滤镜模糊的边缘

Question

我想淡出具有透明背景和backdrop-filter: blur()的元素的边缘。

通常，使用背景滤镜时，边缘会变脆且笔直。

所以基本上，我希望减少边缘的模糊。

.blur,
.behind-blur {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blur {
  backdrop-filter: blur(1px);
}

.behind-blur {
  width: 100px;
}

<div class="behind-blur">le le le le le le le le le le le le le le le le le le le le le le le le</div>
<div class="blur">la la la la la</div>