New CSS Property to create that blurry navbar we all love (Safari Only) (codepen.io)
5 years ago from William Newton, Product Designer at Gusto
5 years ago from William Newton, Product Designer at Gusto
Hasn't Backdrop Filters been in safari since last year? https://webkit.org/blog/3632/introducing-backdrop-filters/
I bet this will never land in the other browsers, or if it does it won't be until the convention is outdated. This is almost exclusively Apple's thing these days, I'm not surprised it's in Safari (both OSX and iOS implement it as a system-level feature) but I would be quite surprised if other browsers implemented it.
Actually, this has already been implemented into Blink (Chrome), but has to be enabled as a feature flag.
Yea, works for me in chrome (v51 canary) as
backdrop-filter: blur(10px);
Yes, it has — but I didn't know about it until this week :)
Well, until this is implemented properly, I use the opacity property. Used it to blur the header on my website. (furtuna.ro)
Looks really good. I tried to record it using LICEcap but oddly it doesn't actually capture the blur.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now