feat: animate the logo, closes #56

halbritter-lab · Dec 4, 2023 · 7f428bb · 7f428bb
1 parent bb6d087
commit 7f428bb
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -916,10 +916,25 @@ body {
   width: 100%; /* Full width */
 }
 
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes pulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.1); }
+}
+
 /* Styles for the application logo */
 .app-logo {
   max-width: 92px; /* Fixed maximum width */
   margin-right: 20px; /* Spacing between logo and title */
+  animation: fadeIn 2s ease-out forwards;
+}
+
+.app-logo:hover {
+  animation: pulse 2s infinite;
 }
 
 /* Styling for the application title */