Add load animation to LogoScroll

usevital · Jul 13, 2024 · 30a0e13 · 30a0e13
1 parent 4c03226
commit 30a0e13
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/components/LogoScroll.vue b/components/LogoScroll.vue
@@ -25,6 +25,7 @@
   width: 720px;
   min-height: 4em;
   overflow: hidden;
+  animation: 5s scroller-load;
 }
 
 .logo-scroll_inner {
@@ -41,6 +42,12 @@
   min-height: calc(25px + 0.2em);
 }
 
+@keyframes scroller-load {
+  from {
+    opacity: 0;
+  }
+}
+
 @keyframes scroll {
   to {
     transform: translateX(calc(-50% - 2.5em));