html - CSS 네비게이션 바가 흐려지고, 네비게이션 바가 고정되었으며, 페이지가 슬라이드되면서 아래 페이지가 흐려졌습니다.

Question

오랜 시간 동안 인터넷에서 검색한 결과, 아래 페이지에 동적으로 영향을 주어 흐리게 만들 수 있는 솔루션을 찾을 수 없었습니다.
스테이션 b의 블러 효과입니다. 정적입니다. 두 개의 동일한 사진을 사용하는 것이 원칙이며, 하나는 부분적으로 흐려지고 다른 하나는 결합됩니다.

제 생각은 AE와 유사한 조정 레이어에 가우시안 블러를 추가하는 것입니다. 이는 아래 레이어에 실시간으로 영향을 미칩니다(페이지 슬라이딩).
CSS 필터는 아래 레이어에 작동할 수 없는 것 같지만, 요소 자체에 작용합니다.

저는 프론트엔드가 처음입니다. 조언 부탁드립니다!

Answer 1

사실 대부분의 경우 스테이션 b의 가짜 블러를 사용하면 충분합니다.
원하는 효과는 얻을 수 있지만 상당히 번거롭고 호환성도 여전히 좋지 않습니다. 이런 무의미한 작업은 건드리지 않는 것이 좋습니다. 물론, 코드도 있습니다. 여기에서는 CSS3를 사용하여 젖빛 유리 효과를 얻는 방법에 대한 데모를 제공합니다. 평행선을 그릴 수 있는지 직접 확인할 수 있습니다. 으아악

Answer 2

CSS3 - 필터 속성을 사용하면 흐림 효과의 값은 흐림(흐림 값 px)이며 위치 속성은 탐색을 수정하는 데 사용되며 고정 위치 지정 값이 고정됩니다.