Skip to content

Instantly share code, notes, and snippets.

@xelinel32

xelinel32/workaround.css

Forked from mrtcmn/workaround.css
Created April 5, 2021 19:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save xelinel32/7af56949c9722ff1edd13ac104c0a29c to your computer and use it in GitHub Desktop.
Save xelinel32/7af56949c9722ff1edd13ac104c0a29c to your computer and use it in GitHub Desktop.
Download ZIP
firefox backdrop-filter workaround
Raw
workaround.css
@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) */
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
.blurred-container {
background-color: rgba(255, 255, 255, .8);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment