From 6a92bbcb52ed0b26e9761f9baefe559f316cf7f4 Mon Sep 17 00:00:00 2001 From: "mr. M" Date: Fri, 14 Feb 2025 22:42:49 +0100 Subject: [PATCH] Refactor animation parameters in ZenWelcome component for smoother transitions --- src/browser/base/zen-components/ZenWelcome.mjs | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/browser/base/zen-components/ZenWelcome.mjs b/src/browser/base/zen-components/ZenWelcome.mjs index ffccfc0af..bc4b68b37 100644 --- a/src/browser/base/zen-components/ZenWelcome.mjs +++ b/src/browser/base/zen-components/ZenWelcome.mjs @@ -64,9 +64,9 @@ '#zen-welcome-page-sidebar-content > *', { opacity: [0, 1], x: [50, 0], filter: ['blur(2px)', 'blur(0px)'] }, { - delay: getMotion().stagger(0.1, { startDelay: 0.3 }), + delay: getMotion().stagger(0.05, { startDelay: 0.3 }), type: 'spring', - bounce: 0.3, + bounce: 0.2, } ); } @@ -95,7 +95,7 @@ { delay: getMotion().stagger(0.1), type: 'spring', - bounce: 0.3, + bounce: 0.2, } ); } @@ -103,12 +103,12 @@ async fadeOutButtons() { await animate( '#zen-welcome-page-sidebar-buttons button', - { opacity: [1, 0], x: [0, 100], filter: ['blur(0px)', 'blur(2px)'] }, + { opacity: [1, 0], x: [0, -60], filter: ['blur(0px)', 'blur(2px)'] }, { type: 'spring', stiffness: 300, damping: 20, - mass: 1.7, + mass: 1.4, } ); document.getElementById('zen-welcome-page-sidebar-buttons').innerHTML = ''; @@ -117,12 +117,12 @@ async fadeOutTitles() { await animate( '#zen-welcome-page-content-title h1, #zen-welcome-page-content-title p', - { opacity: [1, 0], x: [0, 100], filter: ['blur(0px)', 'blur(2px)'] }, + { opacity: [1, 0], x: [0, -60], filter: ['blur(0px)', 'blur(2px)'] }, { type: 'spring', stiffness: 300, damping: 20, - mass: 1.7, + mass: 1.4, } ); }