From 5bc19ea5c0c5b65054b7e73c7ace82aa0e38b01e Mon Sep 17 00:00:00 2001
From: Moritz Ruth <dev@moritzruth.de>
Date: Sat, 8 Aug 2020 18:40:25 +0200
Subject: [PATCH] Make / fade in

---
 components/NavigationBar.vue |  3 +--
 pages/index.vue              | 12 ++++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/components/NavigationBar.vue b/components/NavigationBar.vue
index 76c864c..8a505bb 100644
--- a/components/NavigationBar.vue
+++ b/components/NavigationBar.vue
@@ -76,8 +76,7 @@
     background: transparent;
 
     .navigation-bar--show-background & {
-      background: transparentize(colors.$background, 0.8);
-      backdrop-filter: blur(10px);
+      background: transparentize(colors.$background, 0.05);
     }
   }
 
diff --git a/pages/index.vue b/pages/index.vue
index 07f75e4..176cd7d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -45,6 +45,18 @@
     background: colors.$background;
     color: colors.$background-c;
     width: 100vw;
+
+    animation: 4s ease both fade-in;
+  }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
   }
 
   .index-page__background {