backdrop filter on webkit (safari) devices for menu and search

mnjm · Aug 27, 2024 · cca9837 · cca9837
1 parent ad91920
commit cca9837
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -281,6 +281,7 @@ details[open] div {
   z-index: 30;
   transition: transform 0.3s ease-in-out;
   backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
 }
 
 #mob-hb-icon, #mob-x-icon {
@@ -863,6 +864,7 @@ pre code::-webkit-scrollbar-thumb:hover {
   z-index: 30;
   transition: transform 0.3s ease-in-out;
   backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
   display: none; /* TODO: Make this nun */
 }