Closed markiaaan closed 2 years ago
tip by Fidel to fix this: .blur { background: rgb(var(--secondary)); @supports ((-webkit-backdrop-filter:saturate(180%) blur(20px)) or (backdrop-filter:saturate(180%) blur(20px))) { background: rgba(var(--secondary), .5); backdrop-filter: blur(7px); } }
fix: when backdrop-filter not supported by browser then show just a less transparent normal background
tip by Fidel to fix this: .blur { background: rgb(var(--secondary)); @supports ((-webkit-backdrop-filter:saturate(180%) blur(20px)) or (backdrop-filter:saturate(180%) blur(20px))) { background: rgba(var(--secondary), .5); backdrop-filter: blur(7px); } }