feat(layout): Natural animation to fade in (#133)

Make the first introduction neat.
5ouma · Dec 17, 2024 · f0b6511 · f0b6511
1 parent 1aacaa9
commit f0b6511
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -56,8 +56,16 @@ const { title, description, icon } = Astro.props;
 </html>
 
 <style>
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+      transform: translateY(10%);
+    }
+  }
+
   body {
     background-color: var(--background);
+    animation: fade-in 1s;
   }
 </style>