From b57a4f1862c070db1d7ce0241050e30d61603475 Mon Sep 17 00:00:00 2001
From: Arne <hello@cptarn.com>
Date: Tue, 25 Jul 2023 21:51:32 +0200
Subject: [PATCH] Fixed menu animation

---
 src/app/header/header.component.html | 12 ++++++------
 src/app/header/header.component.scss | 11 +++++++++--
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
index 830c4ec..3486199 100644
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -7,10 +7,10 @@
 </div>
 
 <div class="menu">
-  <a href="#diensten">Diensten</a>
-  <a href="#advies">Advies</a>
-  <a href="#klantworden">Klant worden</a>
-  <a href="#wiezijnwe">Over ons</a>
-  <a href="#vacatures">Vacatures</a>
-  <a href="#contact">Contact</a>
+  <a href="#diensten">Diensten<span>Diensten</span></a>
+  <a href="#advies">Advies<span>Advies</span></a>
+  <a href="#klantworden">Klant worden<span>Klant worden</span></a>
+  <a href="#wiezijnwe">Over ons<span>Over ons</span></a>
+  <a href="#vacatures">Vacatures<span>Vacatures</span></a>
+  <a href="#contact">Contact<span>Contact</span></a>
 </div>
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
index cac6d69..b5eb0bc 100644
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -44,11 +44,18 @@
     margin: auto;
     padding: 1.5rem 3rem;
     font-weight: normal;
-    transition: all .2s;
+    transition: all .1s;
+
+    span {
+      display: block;
+      font-weight: 800;
+      height: 0px;
+      overflow: hidden;
+    }
   }
 
   a:hover {
     font-weight: 800;
-    transition: all .2s;
+    transition: all .1s;
   }
 }