透明な div を使用してページの背景のぼかし効果を実現する方法

Question

Web ページのコードがあり、透明な div を通して背景をぼかしたいと考えています。実際にはdivを半透明にしたいのですが。

ぼかしフィルター CSS を div に追加しようとしましたが、その結果、div 内のテキストもぼやけてしまい、私が望むものではありませんでした。

リーリー

Answer 1

CSS の backdrop-filter:blur プロパティを使用し、background-color の opacity を変更して、次のことを試してください:

リーリー