20256426/Map-Jurnal
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add animated logo and slogan to login page

Browse Source
This commit is contained in:
haerikimmm
2026-06-16 17:26:18 +09:00
parent d2fb40f692
commit bf2700efb7
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/lib/auth/LoginOverlay.svelte
View File

@@ -29,6 +29,7 @@
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 20vh;
z-index: 100;
}
@@ -47,6 +48,24 @@
height: 216px;
object-fit: contain;
margin-bottom: 16px;
animation: jitter 1.4s steps(1, end) 1 forwards;
}
@keyframes jitter {
0% { transform: scale(0.7) rotate(0deg); opacity: 0.5; }
8% { transform: scale(0.85) rotate(-16deg); opacity: 1; }
16% { transform: scale(1.0) rotate(16deg); }
24% { transform: scale(1.06) rotate(-16deg); }
32% { transform: scale(1.12) rotate(16deg); }
40% { transform: scale(1.16) rotate(-16deg); }
48% { transform: scale(1.2) rotate(16deg); }
56% { transform: scale(1.2) rotate(-16deg); }
64% { transform: scale(1.2) rotate(16deg); }
72% { transform: scale(1.2) rotate(-10deg); }
80% { transform: scale(1.2) rotate(10deg); }
88% { transform: scale(1.2) rotate(-4deg); }
94% { transform: scale(1.2) rotate(4deg); }
100% { transform: scale(1.2) rotate(0deg); }
}
.title {