Fixed the blur when viewed on webkit

2025-06-16 04:35:01 +02:00 · 2024-01-15 10:24:33 +00:00 · 2024-01-15 10:24:33 +00:00 · 201546a7f3
commit 201546a7f3
parent 1733bb9a00
1 changed files with 1 additions and 0 deletions
--- a/html/style.css
+++ b/html/style.css
@ -33,6 +33,7 @@ input{
  padding: 20px; /* Padding added to the main content area */
  border-radius: 10px;
  backdrop-filter: blur(5px); /* Provide a translucent frosted-glass effect */
+  -webkit-backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.2); /* Slightly white transparent background */
  display: flex; /* Adding flex properties to layout contents */
  flex-direction: column; /* Stack children elements vertically */