@Supports CSS
.primary-navigation {
background: hsl(var(--clr-dark) / 0.95);
}
/* if backdrop-filter is supported by browser */
@supports (backdrop-filter: blur(1rem)) {
.primary-navigation {
background: hsl(var(--clr-white) / 0.05);
backdrop-filter: blur(1.5rem);
}
}
Wissam