From d9121b1067bfc884f71f7fff34e5ec66b2fe5848 Mon Sep 17 00:00:00 2001 From: Joshua Randall <josh@joshrandall.net> Date: Tue, 18 Mar 2025 11:42:37 -0400 Subject: [PATCH] added some delayed fade in animations --- src/styles/App.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/styles/App.scss b/src/styles/App.scss index 2f37d61..986c49a 100644 --- a/src/styles/App.scss +++ b/src/styles/App.scss @@ -4,9 +4,9 @@ body { // display: flex; } -// .app{ - -// } +.app{ + animation: fade-in 0.3s ease-in forwards; +} .app-container { margin-top: 40px; position: relative; // Ensure container acts as a positioning context @@ -52,7 +52,8 @@ body { } .video-details{ - + opacity: 0; + animation: fade-in 0.3s 0.2s ease-in forwards; align-items: flex-end; justify-content: flex-end; width: 100%; @@ -77,6 +78,8 @@ body { justify-content: space-between; align-items: center; gap: 10px; + opacity: 0; + animation: fade-in 0.3s 0.2s ease-in forwards; } .video-stats{ -- GitLab