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:13:55 +00:00
parent 2cd12c0af9
commit c205a62c63
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -192,10 +192,10 @@
inset 0 0 10px rgba(255, 255, 255, 0.25); inset 0 0 10px rgba(255, 255, 255, 0.25);
} }
/* --- Gemeinsames Hover-Verhalten für Tür + offenes Feld --- */ /* --- Gemeinsames Hover-Verhalten für Tür + offenes Feld (nur passendes Paar) --- */
/* 1️⃣ Wenn die Tür gehovered wird → Feld reagiert ebenfalls */ /* Wenn die Tür gehovered wird → zugehöriges Feld reagiert */
.door:hover + .openfield { .door.open:hover + .openfield {
transform: scale(1.05); transform: scale(1.05);
background: background:
linear-gradient( linear-gradient(
@@ -210,13 +210,16 @@
inset 0 0 10px rgba(255, 255, 255, 0.25); inset 0 0 10px rgba(255, 255, 255, 0.25);
} }
/* 2️⃣ Wenn das Feld gehovered wird → Tür reagiert ebenfalls */ /* Wenn das offene Feld gehovered wird → genau die vorherige (geöffnete) Tür reagiert */
.openfield:hover { .openfield:hover {
z-index: 7; /* über Tür heben, damit Glitzer sichtbar bleibt */ z-index: 7; /* Feld nach oben bringen */
} }
.openfield:hover, .openfield:hover,
.openfield:hover ~ .door { .openfield:hover::before {
transform: scale(1.05); transform: scale(1.05);
}
.openfield:hover,
.openfield:hover + .door.open {
box-shadow: box-shadow:
0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent), 0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent),
inset 0 0 10px rgba(255, 255, 255, 0.25); inset 0 0 10px rgba(255, 255, 255, 0.25);