feat(app): zoom effect for spinning logo

unionlabs · Jul 3, 2024 · 7610e77 · 7610e77
1 parent f0d1d4e
commit 7610e77
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/app/src/lib/components/spinning-outline-logo.svelte b/app/src/lib/components/spinning-outline-logo.svelte
@@ -22,9 +22,14 @@
 </div>
 
 <style lang="postcss">
+
 @keyframes spinning-logo {
-  from {transform: rotateY(0deg);}
-  to {transform: rotateY(360deg);}
+  0% {transform: rotateY(0deg) translateX(0);}
+  10% {transform: rotateY(90deg) translateX(0);}
+  20% {transform: rotateY(90deg) translateX(-1000px);}
+  30% {transform: rotateY(90deg) translateX(0);}
+  80% {transform: rotateY(360deg);}
+  100% {transform: rotateY(0deg);}
 }