mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-05-04 13:05:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance zen animations with improved scaling and add macOS-specific animation variant

Browse Source
This commit is contained in:
mr. M
2025-01-06 12:20:29 +01:00
parent d840f0ed94
commit 8a695bc1e2
2 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/browser/base/content/zen-styles/zen-animations.css
View File

@@ -9,7 +9,18 @@
}
60% {
transform: scale3d(1.01, 1.01, 1.01);
transform: scale3d(1.02, 1.02, 1.02);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@keyframes zen-jello-animation-alt {
0% {
transform: scale3d(0.8, 0.8, 0.8);
}
to {

4
src/browser/base/content/zen-styles/zen-panel-ui.css
View File

@@ -5,6 +5,10 @@
*/
panel[type='arrow'][animate][animate='open']::part(content) {
animation: zen-jello-animation 0.35s ease;
@media (-moz-platform: macos) {
animation: zen-jello-animation-alt 0.35s ease;
}
}
panel[type='arrow'][animate]:not([animate='open'])::part(content) {