Thomas/Bratonien-Adventskalender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adventskalender/2025/css/main.css aktualisiert

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-04 15:12:35 +00:00
parent 426334e2bb
commit 2cd12c0af9
1 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
adventskalender/2025/css/main.css
View File

@@ -190,4 +190,34 @@
box-shadow:
0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent),
inset 0 0 10px rgba(255, 255, 255, 0.25);
}
/* --- Gemeinsames Hover-Verhalten für Tür + offenes Feld --- */
/* 1️⃣ Wenn die Tür gehovered wird → Feld reagiert ebenfalls */
.door:hover + .openfield {
transform: scale(1.05);
background:
linear-gradient(
130deg,
rgba(255, 255, 255, 0.45) 0%,
rgba(255, 255, 255, 0.15) 40%,
rgba(0, 0, 0, 0.25) 100%
),
rgba(0, 0, 0, 0.12);
box-shadow:
0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent),
inset 0 0 10px rgba(255, 255, 255, 0.25);
}
/* 2️⃣ Wenn das Feld gehovered wird → Tür reagiert ebenfalls */
.openfield:hover {
z-index: 7; /* über Tür heben, damit Glitzer sichtbar bleibt */
}
.openfield:hover,
.openfield:hover ~ .door {
transform: scale(1.05);
box-shadow:
0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent),
inset 0 0 10px rgba(255, 255, 255, 0.25);
}