feat: onload animation

2026-01-11 23:02:53 +01:00 · 2024-03-12 16:13:10 +08:00
parent a80d69d843
commit dfa863369b
2 changed files with 34 additions and 4 deletions
--- a/src/components/GlobalStyles.astro
+++ b/src/components/GlobalStyles.astro
@@ -245,4 +245,33 @@ color_set({
    }
 }

+@keyframes fade-in-up {
+    0% {
+        transform: translateY(2rem);
+        opacity: 0;
+    }
+    100% {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
+.onload-animation {
+    opacity: 0;
+    animation: 600ms fade-in-up;
+    animation-fill-mode: forwards;
+}
+#top-row {
+    animation-delay: 0ms
+}
+#sidebar {
+    animation-delay: 150ms
+}
+#content-wrapper {
+    animation-delay: 350ms;
+}
+#footer {
+    animation-delay: 500ms;
+}
+
+
 </style>