diff --git a/components/LogoScroll.vue b/components/LogoScroll.vue index 80afd27..c562ae1 100644 --- 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));