Created
November 27, 2020 15:04
-
-
Save mrtcmn/0490fb79fa63418e4409a99553f80e26 to your computer and use it in GitHub Desktop.
firefox backdrop-filter workaround
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @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
@thexpand so was you able to apply blur inside url-bar? Can you please share a code?