Archived topic
Transparency and frosted glass effect for navbar
5 replies · Started by Ender on May 29, 2019
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?
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.
Yes, for the secondary navigation. Ok i understand not possible with sticky navigation.
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.
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.
You're welcome
