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 14:53:18 +00:00
parent 1b94c66f78
commit c4b902b023
1 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -130,21 +130,37 @@
transform: rotateY(-8deg) scale(1.05); transform: rotateY(-8deg) scale(1.05);
} }
/* === Unsichtbares Feld hinter geöffneter Tür === */ /* === Feld hinter geöffneter Tür (sichtbar, wenn Tür offen ist) === */
.openfield { .openfield {
position: absolute; position: absolute;
display: block; display: block;
border-radius: 12px;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
border-radius: 12px;
cursor: pointer;
z-index: 1; z-index: 1;
/* Standard – unsichtbar */
background: none;
border: none;
} }
/* Aktiviert, sobald die Nachbartür offen ist */ /* Sobald die Tür offen ist */
.door.open + .openfield { .door.open + .openfield {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
z-index: 6; z-index: 6;
/* Optik: "Türchen wurde herausgenommen" */
background: radial-gradient(
circle at 30% 30%,
rgba(0, 0, 0, 0.35) 0%,
rgba(0, 0, 0, 0.55) 100%
),
color-mix(in srgb, var(--ci-darkgreen) 40%, var(--ci-blue) 60%);
border: 2px solid var(--ci-gold);
box-shadow:
inset 0 0 8px rgba(0, 0, 0, 0.6),
inset 0 4px 12px rgba(0, 0, 0, 0.7),
0 0 10px color-mix(in srgb, var(--ci-gold) 25%, transparent);
} }