transition on logo hover

2025-03-30 22:25:47 +02:00
parent 5a891c085d
commit 15a4388490
1 changed files with 17 additions and 2 deletions
--- 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 {