CSS 给一个元素增加backdrop-filter: blur(10px)后，怎样才能让这个元素实现发光边框的动画效果？

要实现发光边框的动画效果，可以结合 CSS 的动画和 `box-shadow` 属性。

首先，设置元素的 `backdrop-filter` 为 `blur(10px)`，以实现模糊效果。

然后，使用 `box-shadow` 属性来创建边框的发光效果。通过设置一个带有透明度的颜色值，以及适当的模糊半径和扩展半径，可以让边框看起来发光。

接下来，使用 CSS 动画来实现边框的动画效果。你可以使用 `@keyframes` 关键字定义动画的关键帧，并在关键帧中逐步改变 `box-shadow` 的参数，从而实现边框发光的动态效果。

以下是一个示例的 CSS 代码：

@keyframes glow-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(100, 207, 200, 0.5);
  }
  50% {
    box-shadow: 0 0 30px 10px rgba(100, 207, 200, 0.8);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(100, 207, 200, 0.5);
  }
}

.element {
  backdrop-filter: blur(10px);
  animation: glow-animation 2s infinite ease-in-out;
}

在上面的示例中，`glow-animation` 是一个由三个关键帧组成的动画，其中边框的 `box-shadow` 在动画的不同阶段会有不同的值。`.element` 则是应用了 `backdrop-filter` 和动画的元素。

通过调整 `box-shadow` 的参数、动画的关键帧和持续时间，你可以根据自己的需求来定义边框发光的动画效果。