DEV Community

Cover image for CSS Quickies: backdrop-filter

CSS Quickies: backdrop-filter

Michael "lampe" Lazarski on July 07, 2019

What is CSS Quickes? I started to ask my beloved community on Instagram: "what CSS properties are confusing for you?" In "CSS Quickies"...
Collapse
 
dinsmoredesign profile image
Derek D

Wish I could see these on my phone. Looks like backdrop filter has pretty terrible support currently 😭

caniuse.com/#feat=css-backdrop-filter

Collapse
 
ricoet22 profile image
Kamil Pawlak

Wait for the Chrome 76 update that should be released at the end of July

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

Yeah like I wrote in the post. If you are on Android download the chrome beta and you will see them πŸ‘πŸ˜Š

Collapse
 
adam_cyclones profile image
Adam Crockett πŸŒ€

I have waited an age for browser support to pick up. I can't wait any longer 😭

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

It is on the roadmap of Firefox and it will come on the next version of chrome without any flags :)

So soon you can use it!

Collapse
 
adam_cyclones profile image
Adam Crockett πŸŒ€

It's been years. So sad, another one I have my eye on which will complete my wish list. The CSS element function.

Thread Thread
 
lampewebdev profile image
Michael "lampe" Lazarski

Wow, this one is even less supported.

It is Firefox only and I never heard about it.

Thread Thread
 
adam_cyclones profile image
Adam Crockett πŸŒ€

iamvdo.me/en/blog/css-element-func...

This is a great article about it. I have many use cases for such a thing. Alas it probably won't happen. It's been 8 years.

Thread Thread
 
lampewebdev profile image
Michael "lampe" Lazarski

Thanks I will put it on my read later list :)

Collapse
 
danimesq profile image
Daniella Mesquita

That's the background in backdrop-filter. To see the effect, the element cannot have any background color applied to it. If you would set the background-color to white, then you would only see the white color

I've tested it with blur, and worked with backgrounds.

Collapse
 
spukas profile image
Linas Spukas

Great and informative article, I've enjoyed reading it! Thanks for sharing!

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

Thank you very much :)

Have a fantastic day :D