Onkel-Werner-Freizeiten/CampOrganizer2
1
1
Fork 0
Code Issues 8 Pull Requests Packages Projects Releases Wiki Activity

transition on logo hover

Browse Source
This commit is contained in:
Jottyfan 2025-03-30 22:25:47 +02:00
parent 5a891c085d
commit 15a4388490
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/main/resources/static/css/style.css
View File

@ -57,10 +57,25 @@ body {
background-image: url('../images/logo.png'); background-image: url('../images/logo.png');
margin-left: 8px; margin-left: 8px;
display: inline-block; display: inline-block;
position: relative;
overflow: hidden;
} }
.logo:hover { .logo::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('../images/logo_hover.png'); 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 { .icon_profile {