Hmm... so you're using saturate(180%) in the backdrop-filter to cancel out the background color with opacity of your fallback...? There's a cleaner solution. You can check if the browser supports backdrop-filter and provide different css code, like with media queries:
@supports(-webkit-backdrop-filter:none)or(backdrop-filter:none){.blurred-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}}/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */@supportsnot((-webkit-backdrop-filter:none)or(backdrop-filter:none)){.blurred-container{background-color:rgba(255,255,255,.8);}}
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hmm... so you're using
saturate(180%)
in thebackdrop-filter
to cancel out the background color with opacity of your fallback...? There's a cleaner solution. You can check if the browser supports backdrop-filter and provide different css code, like with media queries: