diff --git a/src/lib/auth/LoginOverlay.svelte b/src/lib/auth/LoginOverlay.svelte index 047f74a..2b60c80 100644 --- a/src/lib/auth/LoginOverlay.svelte +++ b/src/lib/auth/LoginOverlay.svelte @@ -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 {