フィルターの使い分けデモ

1. filter

要素「そのもの」にフィルターがかかるため、中の文字までボヤけてしまいます。

サンプルサンプル
サンプルサンプル

2. backdrop-filter

要素の「後ろの背景」にだけフィルターがかかるため、文字はくっきり見えます！

サンプルサンプル
サンプルサンプル