NeilBrommer/Personal-Site
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add -webkit prefixed backdrop-filter

Browse source
This commit is contained in:
Neil Brommer 2023-07-06 16:28:54 -07:00
parent 3da1f74f98
commit 747c6d7844
1 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/css/Components/_navbar.scss
View file

@ -11,6 +11,7 @@ header {
border: solid 1px var(--primary-border-color); border: solid 1px var(--primary-border-color);
border-radius: var(--main-border-radius); border-radius: var(--main-border-radius);
background-color: rgba(var(--background-color-components), 0.5); background-color: rgba(var(--background-color-components), 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
// Goes slightly past the end, then bounces back to the final position // Goes slightly past the end, then bounces back to the final position
@ -21,6 +22,7 @@ header {
} }
@media (prefers-contrast: more) { @media (prefers-contrast: more) {
-webkit-backdrop-filter: none;
backdrop-filter: none; backdrop-filter: none;
background-color: var(--background-color); background-color: var(--background-color);
} }