From 6c1ba67a23fc5742501919d67dc81a201403b561 Mon Sep 17 00:00:00 2001
From: Souma <101255979+5ouma@users.noreply.github.com>
Date: Tue, 17 Dec 2024 16:12:59 +0900
Subject: [PATCH] feat(layout): Natural animation to fade in

Make the first introduction neat.
---
 src/layouts/Layout.astro | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f1d11a8..0c3d6f3 100644
--- 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>