Fixed the blur when viewed on webkit

This commit is contained in:
abrendan 2024-01-15 10:24:33 +00:00
parent 1733bb9a00
commit 201546a7f3

View File

@ -33,6 +33,7 @@ input{
padding: 20px; /* Padding added to the main content area */ padding: 20px; /* Padding added to the main content area */
border-radius: 10px; border-radius: 10px;
backdrop-filter: blur(5px); /* Provide a translucent frosted-glass effect */ 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 */ background-color: rgba(255, 255, 255, 0.2); /* Slightly white transparent background */
display: flex; /* Adding flex properties to layout contents */ display: flex; /* Adding flex properties to layout contents */
flex-direction: column; /* Stack children elements vertically */ flex-direction: column; /* Stack children elements vertically */