html - CSS ナビゲーション バーがぼやけ、ナビゲーション バーが固定され、ページがスライドすると下のページがぼやけます。これを実現するにはどうすればよいですか?

Question

インターネットで長時間検索した結果、以下のページに動的に影響を与えてぼやける解決策が見つかりませんでした。
これはステーション b のブラー エフェクトです。静的です。原理は 2 つの同一の画像を使用し、1 つは部分的にブラーされ、もう 1 つは結合されます。

私のアイデアは、AE と同様の調整レイヤーにガウスぼかしを追加することです。これは、下のレイヤー (ページ スライド) にリアルタイムの影響を与えます。
CSS フィルターは下のレイヤーに作用できないようです。ですが、特定の要素自体にのみ作用します。

フロントエンドの初心者なので、アドバイスをお願いします。

Answer 1

実際のところ、B局の擬似ボケだけで十分な場合が多いです
望む効果は得られますが、かなり面倒ですし、やはり相性も悪いので、こういう意味のないものはいじらない方が良いです。もちろん、フロントエンドを初めて使用する場合は、ここにすりガラス効果を実現するための CSS3 のデモを示します。 リーリー

Answer 2

CSS3 - フィルター属性を使用します。ぼかし効果の値はぼかし (ぼかし値 px)、位置属性はナビゲーションを固定するために使用され、固定位置の値が固定されます。