This commit is contained in:
mr. m 2025-06-30 00:45:33 +03:00 committed by GitHub
commit c3bc581ed7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 54 additions and 0 deletions

View file

@ -0,0 +1,34 @@
#browser:has(#urlbar[open][zen-floating-urlbar="true"], #searchbar:focus-within) .browserContainer {
pointer-events: none;
transform-origin: center;
filter: blur(10px) brightness(70%) saturate(50%) opacity(70%) !important;
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
#urlbar[open][zen-floating-urlbar="true"],
#searchbar:focus-within {
animation: urlbarFloat 0.3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
backdrop-filter: blur(8px);
transform-origin: top;
}
@keyframes urlbarFloat {
0% {
transform: translateY(-5px) scale(0.98);
opacity: 0;
}
100% {
transform: translateY(0) scale(1);
opacity: 1;
}
}
#urlbar[zen-floating-urlbar="true"],
#searchbar {
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.browserContainer {
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 KiB

View file

@ -0,0 +1,6 @@
# Floating Blur
This Mod/Theme animates the Floating URL Bar in Zen and also blurs the background when its opened.
<img>![Floating Blur](../assets/floating_blur.png)</img>

View file

@ -0,0 +1,14 @@
{
"id": "96f788de-ff6f-4f7c-a66b-7182c6285778",
"name": "Floating Blur",
"description": "This Mod/Theme animates the Floating URL Bar in Zen and also blurs the background when its opened.",
"homepage": "https://github.com/S42yt/Zen-Mods",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96f788de-ff6f-4f7c-a66b-7182c6285778/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96f788de-ff6f-4f7c-a66b-7182c6285778/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96f788de-ff6f-4f7c-a66b-7182c6285778/image.png",
"author": "S42yt",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-02-17",
"updatedAt": "2025-02-17"
}