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