backdrop-filterプロパティのblurとfilterプロパティのblurを比較して違いを確認します。
デモページはこちら

共通のCSSは以下になります。
blurを適用するテキストのpタグは、白背景で透明度0.6を設定します。

.div-parent {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 1em;
}
.text {
  font: normal 400 24px / normal "Oooh Baby", cursive;
  letter-spacing: 0.1em;
  white-space: nowrap;
  width: 100%;
  margin: 0;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, .6);
  text-align: center;
}

まずbackdrop-filter: blur(5px)を指定します。backdrop-filterは要素の背後の領域すべてに適用されるため、写真がぼやけて見えます。

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

試しに白背景の透明度を完全に不透明にしてみます。backdrop-filter: blur(5px)の効果が消えました。backdrop-filterは要素が透明な場合、その背景に適用されることがわかります。

.style02 {
  background-color: #fff;
  backdrop-filter: blur(5px);
}

最後にfilter: blur(5px)を指定します。テキストのpタグ自体にぼかしが適用され、文字が読めなくなってしまいました。

.style03 {
  filter: blur(5px);
}

このことから、backdrop-filter: blurは要素の背景、filter: blurは要素自体をぼかすことがわかります。