From 30a0e133e98fe36dd81f9034ed868177d3154625 Mon Sep 17 00:00:00 2001 From: Nitrrine Date: Sat, 13 Jul 2024 09:40:52 +0500 Subject: [PATCH] Add load animation to LogoScroll --- components/LogoScroll.vue | 7 +++++++ 1 file changed, 7 insertions(+) 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));