From 15a4388490cca8234cb2df750fa8467a81462f8d Mon Sep 17 00:00:00 2001
From: Jottyfan <jottyfan@mail.de>
Date: Sun, 30 Mar 2025 22:25:47 +0200
Subject: [PATCH] transition on logo hover

---
 src/main/resources/static/css/style.css | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index 18c291d..d8dcbd8 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -57,10 +57,25 @@ body {
 	background-image:  url('../images/logo.png');
 	margin-left: 8px;
 	display: inline-block;
+  position: relative;
+  overflow: hidden;
 }
 
-.logo:hover {
-	background-image: url('../images/logo_hover.png');
+.logo::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('../images/logo_hover.png');
+  background-size: cover;
+  opacity: 0;
+  transition: opacity 0.5s ease-in-out;
+}
+
+.logo:hover::before {
+  opacity: 1;
 }
 
 .icon_profile {