Hi Everybody :raising_hand_man:t3: I recently came across Webflows frosted glass navigation and thought I’d take a crack at trying to recreate it myself for a new project. So far, I’ve managed to pull in the filters. However, for some reason they seem to be affecting the nested items rather than j…

Hey @Jordan.kellett , Me again. The blur filter blurs the element and its children, whereas the backdrop-filter css rule blur’s the content behind the element. This CSS rule isn’t native to Webflow so you have to put it in yourself, and also be aware it doesn’t have compatibility across all browser…

Frosted Glass Navigation

Design help General

Andrew_Coderre (coderreco) March 23, 2021, 1:03am 5

No worries @Jordan.kellett !

Topic		Replies	Views
Help with backdrop filters General	4	1120	May 15, 2024
Frosted Glass effect - blur not contained General	2	1184	March 19, 2022
Nav Bar Menu Drop down background blur is broken General	2	110	February 1, 2025
Backdrop filter blur not working on live site General	13	10571	May 20, 2025
Changing backdrop filter on menu drop down General	6	1533	May 23, 2024

Frosted Glass Navigation

Related topics