lfg2025/archy
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 33 Wiki Activity

Enhance SplashScreen with new logo transition effects

Browse Source 
- Added a zoom-out effect for the logo when the login modal appears, improving visual engagement.
- Updated CSS transitions for the logo container to create a smoother user experience during interactions.
This commit is contained in:
Dorian
2026-02-18 10:49:46 +00:00
parent 35110905ff
commit e5971ca921
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
neode-ui/public/assets/audio/enter-to-exit.mp3 Normal file
View File

Binary file not shown.

10
neode-ui/src/components/SplashScreen.vue
View File

@@ -477,6 +477,16 @@ onBeforeUnmount(() => {
transform: scale(1.1); transform: scale(1.1);
} }
/* Wide logo zooms out towards user when login modal comes in */
.splash-fade-leave-active .logo-container {
transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform-origin: center center;
}
.splash-fade-leave-to .logo-container {
transform: scale(1.4);
}
.fade-enter-active, .fade-enter-active,
.fade-leave-active { .fade-leave-active {
transition: opacity 0.5s ease; transition: opacity 0.5s ease;