[Resolved] Transparency and frosted glass effect for navbar

[Ender]

I know it is a very special question:

I use a secondary menu header with transparency. Now in addition of the transparency I would like to add a frosted glass / blur effect with css. I look to a tutorial here: https://webdesign.tutsplus.com/tutorials/how-to-create-a-frosted-glass-effect-in-css–cms-32535

But need more advices, can u help me?

[David]

Hi there,

is this for the secondary navigation?
If so, the first solution ( with the best browser support ) won’t work with the sticky navigation.

[Ender]

Yes, for the secondary navigation. Ok i understand not possible with sticky navigation.

[David]

The only alternative i can think of for the sticky nav is to create a semi transparent PNG image that looks like a frosted glass and add that as background to the navigation. Or if you want to remove the sticky nav then i can help with some CSS. Let me know.

[Ender]

Thank you, I would first like to think about whether I really need this effect. It does not seem to be easy. I would probably have to work with a PNG. Many thanks, David.

[David]

You’re welcome

[Author]

Posts